Angular Material Drop Down Labels not updating with Angular Translate
<p>The labels for the drop downs in Angular Material are not updating. The labels for the text boxs are updating. I created a js fiddle to demonstrate. They do update if you click the drop down and click off from without selecting anything</p>

<p><a href="https://jsfiddle.net/Anderson7301/suunyz3e/205/" rel="nofollow">https://jsfiddle.net/Anderson7301/suunyz3e/205/</a></p>

<pre><code>var app = angular.module('ExpenseApp', [
  'ngMaterial',
  'ngMessages',
  'pascalprecht.translate'
])


app.config(function($mdThemingProvider) {
  // Configure a dark theme with primary foreground yellow
  $mdThemingProvider.theme('docs-dark', 'default')
    .primaryPalette('yellow')
    .dark();
});


app.config(["$translateProvider", function($translateProvider) {

  var en_translations = {
    "LoadCreditCardExpenses": "Load Credit Card Expenses",
    "employeeName": "Employee Name",
    "EmployeeVendorNumber": "Employee Vendor Number",
    "CostCenter": "Cost Center",
    "Department": "Department",
    "Manager": "Manager",
    "TravelMonth": "Travel Month",
    "TravelYear": "Travel Year",
    "CreditCardBalanceDue": "Credit Card Balance Due",
    "CashAdvance": "Cash Advance",
    "Submit": "Submit",
    "ExpenseReport": "Expense Report"

  }

  var sp_translations = {
    "LoadCreditCardExpenses": "Los gastos de carga de tarjetas de crédito",
    "employeeName": "nombre de empleado",
    "EmployeeVendorNumber": "número de proveedor empleado",
    "CostCenter": "centro de coste",
    "Department": "Departamento",
    "Manager": "Gerente",
    "TravelMonth": "Mes del viaje",
    "TravelYear": "Viaje año",
    "CreditCardBalanceDue": "Tarjeta de crédito Debido Equilibrio",
    "CashAdvance": "Adelanto en efectivo",
    "Submit": "Enviar",
    "ExpenseReport": "Informe de gastos"


  }

  $translateProvider.translations('en', en_translations);

  $translateProvider.translations('sp', sp_translations);

  $translateProvider.preferredLanguage('en');

}]);

app.controller('headerCtrl', function($timeout, $scope, $translate) {
  $scope.changeLanguage = function(lang) {
    $translate.use(lang);
  }

  $scope.months = [
    "January",
    "February",
    "March",
    "April",
    "May",
    "June",
    "July",
    "August",
    "September",
    "October",
    "November",
    "December"
  ];


  var d = new Date();
  var currentYear = (d.getFullYear());
  var lastYear = (currentYear - 1);

  $scope.years = [
    currentYear,
    lastYear
  ];
})

&lt;body ng-app="ExpenseApp"&gt;
  &lt;div layout="column" ng-cloak="" class="md-inline-form"&gt;
    &lt;md-content md-theme="docs-dark" layout-gt-md="row" layout-padding=""&gt;
      &lt;md-container&gt;
        &lt;h2&gt;{{'ExpenseReport' | translate}}&lt;/h2&gt;
      &lt;/md-container&gt;
    &lt;/md-content&gt;
    &lt;md-content md-theme="docs-dark" layout-padding=""&gt;
      &lt;div ng-controller="headerCtrl"&gt;
        &lt;div layout-gt-md="row" layout-wrap&gt;
          &lt;md-input-container class="md-block" flex-gt-sm="20" flex-sm="100"&gt;
            &lt;label&gt;{{'EmployeeVendorNumber' | translate}}&lt;/label&gt;
            &lt;input ng-model="employees.SAPVendorNumber" readonly&gt;
          &lt;/md-input-container&gt;
          &lt;md-input-container class="md-block" flex-gt-sm="20" flex-sm="100"&gt;
            &lt;label&gt;{{'CostCenter' | translate}}&lt;/label&gt;
            &lt;input ng-model="employees.CostCenter" readonly&gt;
          &lt;/md-input-container&gt;
          &lt;md-input-container class="md-block" flex-gt-sm="20" flex-sm="100"&gt;
            &lt;label&gt;{{'Department' | translate}}&lt;/label&gt;
            &lt;input ng-model="employees.OrganizationalUnitName" readonly&gt;
          &lt;/md-input-container&gt;
          &lt;md-input-container class="md-block" flex-gt-sm="20" flex-sm="100"&gt;
            &lt;label&gt;{{'Manager' | translate}}&lt;/label&gt;
            &lt;input ng-model="employees.ManagerDisplayName" readonly&gt;
          &lt;/md-input-container&gt;
        &lt;/div&gt;
        &lt;div layout-gt-sm="row" layout-wrap&gt;
          &lt;md-input-container class="md-block" flex-gt-sm="20" flex-sm="100"&gt;
            &lt;label&gt;{{'TravelMonth' | translate}}&lt;/label&gt;
            &lt;md-select ng-model="months"&gt;
              &lt;md-option ng-repeat="month in months" value="{{month}}"&gt;
                {{month.name}}
              &lt;/md-option&gt;
            &lt;/md-select&gt;
          &lt;/md-input-container&gt;
          &lt;md-input-container class="md-block" flex-gt-sm="20" flex-sm="100"&gt;
            &lt;label&gt;{{'TravelYear' | translate}}&lt;/label&gt;
            &lt;md-select ng-model="user.years"&gt;
              &lt;md-option ng-repeat="year in years" value="{{year}}"&gt;
                {{year}}
              &lt;/md-option&gt;
            &lt;/md-select&gt;
          &lt;/md-input-container&gt;
          &lt;md-input-container class="md-block" flex-gt-sm="20" flex-sm="100"&gt;
            &lt;label&gt;{{'CreditCardBalanceDue' | translate}}&lt;/label&gt;
            &lt;input ng-model="user.employeeCCBalanceDue" ng-pattern="/^[0-9]+([,.][0-9]+)?$/"&gt;
          &lt;/md-input-container&gt;
          &lt;md-input-container class="md-block" flex-gt-sm="20" flex-sm="100"&gt;
            &lt;label&gt;{{'CashAdvance' | translate}}&lt;/label&gt;
            &lt;input ng-model="user.employeeCashAdvance" readonly&gt;
          &lt;/md-input-container&gt;
          &lt;md-container class="md-block" flex-gt-sm="20" flex-sm="100"&gt;
            &lt;md-button ng-click="alert()"&gt;{{'Submit' | translate}}&lt;/md-button&gt;
            &lt;md-button&gt;{{'LoadCreditCardExpenses' | translate}}&lt;/md-button&gt;
          &lt;/md-container&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;button ng-click="changeLanguage('en')"&gt;English&lt;/button&gt;
          &lt;button ng-click="changeLanguage('sp')"&gt;Spanish&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/md-content&gt;
  &lt;/div&gt;
&lt;/body&gt;
</code></pre>