![](/img/trans.png)
[英]ng-options select list value set to the id of my choice and binding it correctly with ng-model
[英]Select not selecting when binding with ng-model and ng-options
這是我的選擇:
<select class="form-control" ng-options="assistanceType as assistanceType.name for assistanceType in assistanceTypes" ng-model="selectedRecord.assistanceType"></select>
這是我用來加載援助類型的內容:
$scope.getAssistanceTypes = function () {
$http.get('/api/assistanceType/getAll').
success(function (data, status, headers, config) {
$scope.assistanceTypes = data;
}).
error(function (data, status, headers, config) {
alert(data.ExceptionMessage);
});
}
這是結果:
[
{
"assistanceTypeId": 1,
"name": "Essay"
},
{
"assistanceTypeId": 2,
"name": "Resume"
},
{
"assistanceTypeId": 3,
"name": "Test"
}
]
一切正常,我可以在更改選項時看到模型正在更新。
但是當我加載記錄($ scope.selectedRecord)時,所選選項不會反映aidType對象!
這是“selectedRecord”:
{
"recordId": 1,
"student": {
"id": "xxx",
"firstName": "xxx",
"lastName": "xxx"
},
"createDate": "2015-03-04T15:35:40",
"closeDate": "2015-03-04T15:35:40",
"checkInDate": "2015-03-04T15:35:40",
"checkOutDate": "2015-03-04T15:35:40",
"consultant": {
"id": "xxx",
"firstName": "xxx",
"lastName": "xxx"
},
"assistanceType": {
"assistanceTypeId": 1,
"name": "Essay"
},
"course": {
"course": "xxx",
"name": "xxx",
"teacher": {
"id": "xxx",
"firstName": "xxx",
"lastName": "xxx"
}
},
"format": null,
"classStanding": null,
"comment": "Nothing here!"
}
我是AngularJS的新手,我很可能在這里遺漏了一些東西。 但是在我看來,在我加載主記錄時,select應該填充selectedRecord.assistanceType中的對象。
有什么建議么?
謝謝!
問題是selectedRecord中的“assistanceType”對象與aidTypes數組中的等效實例不完全相同。 嘗試這個:
<select class="form-control" ng-options="assistanceType as assistanceType.name for assistanceType in assistanceTypes track by assistanceType.name" ng-model="selectedRecord.assistanceType"></select>
請注意,我添加了“track by aidType.name”,以便它將按名稱而不是對象的$$ hashkey進行比較。
選擇element require name屬性來獲取模型元素選擇,在你的情況下只需添加add name屬性。 例如name =“aidType”。 除了它的要求之外,無需添加軌道。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.