簡體   English   中英

選擇不與ng-model和ng-options綁定時選擇

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM