使用ngOptions在選擇輸入中不反映的選擇

Angular無法在選擇輸入中反映所選選項。以下是我的完整代碼。應該選擇了Hospital One，但沒有發生，可能是什麼原因？使用ngOptions在選擇輸入中不反映的選擇

我也在 JsBin也把相同的代碼片段。

angular.module('testApp', [ 
 
    
 
]) 
 

 
.controller('AppController', function(){ 
 
    
 
    var vm = this; 
 
    
 
    // 
 
    vm.schedule = { 
 
    date : "2015-5-25", 
 
    organization : { 
 
     "_id":"55df26cf756549c15b5fbcd2", 
 
     "name":"Hospital One", 
 
     "kind":"HOSPITAL", 
 
     "email":"[email protected]" 
 
    } 
 
    }; 
 
    
 
    // 
 
    vm.user = { 
 
    name : "Some user name", 
 
    affiliates : [ 
 
    { 
 
     "_id":"55df26ea756549c15b5fbcd5", 
 
     "createdOn":"2015-08-27T15:04:10.376Z", 
 
     "organization":{ 
 
      "_id":"55df26cf756549c15b5fbcd2", 
 
      "kind":"HOSPITAL", 
 
      "name":"Hospital One", 
 
      "email":"[email protected]" 
 
      
 
     } 
 
    }, 
 
    { 
 
     "_id":"55df26ea756549c15b5fbcd4", 
 
     "createdOn":"2015-08-27T15:04:10.375Z", 
 
     "organization":{ 
 
      "_id":"55dbfd280713a3aa0d85158a", 
 
      "kind":"CLINIC", 
 
      "name":"Some Clinic", 
 
      "email":"[email protected]" 
 
      
 
     } 
 
    } 
 
] 
 
    }; 
 
    
 
}) 
 

 
;

<!DOCTYPE html> 
 
<html ng-app="testApp"> 
 
    <head> 
 
    <title>Test</title> 
 

 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script> 
 

 
    </head> 
 

 
    <body ng-controller="AppController as vm"> 
 
    <h3>Selected Is : </h3> 
 
    <pre>{{ vm.schedule.organization | json }}</pre> 
 
    
 
    <h3>But selection is not reflecting in select</h3> 
 
    <select ng-model="vm.schedule.organization" ng-options="affiliate.organization as affiliate.organization.name for affiliate in vm.user.affiliates | orderBy : 'organization.name' track by affiliate.organization._id"> 
 
     <option value="">-- Choose Organization --</option> 
 
    </select> 
 
    </body> 
 
</html>

來源

2015-09-11 Lekhnath

有一個錯字。 '