2013-08-30 49 views
0

我有一個選擇框,它不會選擇綁定到ng-modelng-select的選項,而是它最初選擇硬編碼值,但是當我選擇另一個時,它只是使用列表中的最後一個項目覆蓋我的選擇。我已經剝離下來到它最低限度,但仍無法看到爲什麼我的選擇忽略我的ng模型和ng選擇的

這是我的html頁面:

<!doctype html> 
<html lang="en"> 

    <head></head> 

    <body> 
     <div ng-app="myapp"> 
      <div ng-controller="myController"> 
       <select ng-model="freezeCalendar_model" ng-options="freezeCalender.calendarID as freezeCalender.name for freezeCalender in freezeCalendarList"></select> 
      </div> 
     </div> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.4/angular.min.js"></script> 
     <script src="script.js"></script> 
    </body> 

</html> 

,這是我的script.js:

VAR應用= angular.module(」 myapp「,[」controllers「]);

var controllers = angular.module("controllers", []); 
controllers.controller('myController', function ($scope) { 

    $scope.freezeCalendar_model = 162; 

    $scope.freezeCalendarList = [{ 
     "id": 104, 
     "name": "ABC" 
    }, { 
     "id": 202, 
     "name": "123" 
    }, { 
     "id": 121, 
     "name": "xyz" 
    }, { 
     "id": 224, 
     "name": "hello" 
    }, { 
     "id": 162, 
     "name": "bam" 
    }, { 
     "id": 164, 
     "name": "boom" 
    }]; 

}); 

我也有一個plnkr here 這是令人沮喪的我了很多,因爲我有很多做工精細的選擇,我不明白什麼是錯的這個特殊的一個。

幫助將不勝感激

回答

2

你沒有正確引用id,它出現。進行這項改變後對我來說很好。

變化:

freezeCalender.calendarID as freezeCalender.name 

要:

freezeCalender.id as freezeCalender.name 
+0

謝謝你,我已經在這個一直盯着幾個小時,根本無法看到 – jonnie

+0

高興能幫上忙,有時是小事情:)祝你好運 – jnthnjns