填充后如何從選擇列表中選擇項目？

Question

我有以下 HTML：

<span>SubTopic {{ modal.option.sSubTopic }}</span>
<select data-ng-model="modal.option.sSubTopic"
   data-ng-options="item.id as item.name for item in modal.option.subTopics">
</select>

在我的控制器中

 $http.get(url, { cache: us.oneDayCache })
    .success(function (data) {
       $scope.modal.option.subTopics = data;
       $scope.modal.option.sSubTopic = "2";
    })

get {{ }} 值設置為 2 后，但未選擇我選擇的第二項。

我這樣做的方式有問題嗎？

Answer 1

您正在將字段的值指定為item.id as的項目的id ， item.id as ngOptions 。 模型值需要與您要選擇的data id的值相匹配。 如果你想要第二個對象，那就是data[1].id

$http.get(url, { cache: us.oneDayCache })
    .success(function (data) {
       $scope.modal.option.subTopics = data;
       $scope.modal.option.sSubTopic = data[1].id;
    });

演示： http : //jsfiddle.net/TheSharpieOne/gteX9/2/

Answer 2

data-ng-model 包含將存儲所選值的模型。 在您的情況下，這意味着您會將所選值存儲在 2 中。這似乎不對。 也許您可以嘗試以下操作：

<select ng-model="selectedItem" ng-options="item.id as item.name for item in modal.options.subTopics"></select>
<pre>{{selectedItem}}</pre>

$scope.selectedItem 包含您選擇的項目。 現在您要選擇數據對象中的第二項。 您可以通過在控制器中執行此操作來做到這一點：

$http.get(url, { cache: us.oneDayCache })
.success(function (data) {
    $scope.modal.option.subTopics = data;
    $scope.selectedItem = data[1];
})

無法在這里測試它，但它應該可以工作。