javascript - 在 Angular 选择中设置选定值

Question

Angularjs 1.5.5

我有一个简单的Select，它工作得很好:

    <select ng-model="selectedPart">
        <option ng-repeat="optionPart in parts"  value="{{optionPart.Id}}">{{optionPart.Title}}</option>
    </select>

当我将 id 设置为字符串时，Select 会正确呈现:

 $scope.selectedPart = "1";

当我将其设置为对象中的 Int 时，没有发生任何更改。

 $scope.selectedPart = $scope.parts[0].Id;

为什么Int不更新Select，但string却更新，我该如何让它工作？

Answer 1

试试这样吧

<select ng-model="selectedPartId"
    ng-options="part.Id as part.Title for part in parts">
</select>

请注意，我已更改模型以反射(reflect)您选择的是 id 而不是 parts 条目。

如果您确实想绑定(bind)一个对象，请尝试这个

<select ng-model="selectedPart"
    ng-options="part.Title for part in parts track by part.Id">
</select>

然后您可以通过$scope.selectedPart = $scope.parts[0]; 分配它