javascript - 根据 Angular 的响应自动选择选项

Question

这就是我的选择表单组的样子。

<div class="form-group">
    <label>Active</label>
    <select class="form-control" ng-model="activeState" >
        <option ng-value="0" >No</option>
        <option ng-value="1" >Yes</option>
    </select>
</div>

在我当前的情况下，我得到的 api 响应是 1 或 0 {{activeState}} 显示 1。如何用 Angular 处理这个问题，以便根据响应自动选择正确的选择？

如果您需要任何其他信息，请告诉我，我会提供。谢谢

Answer 1

问题是 value 属性中的 0 值是 string 并且从 ajax 获得的值是 0(数字)，这就是为什么当您尝试在加载时绑定(bind)一个值时，它不起作用。通过更改 $scope.activeState = '0';

可以轻松解决此问题

我希望您在此处使用 ng-options 指令，该指令将值与对象 value 绑定(bind)

标记

<select class="form-control" ng-model="activeState" 
   ng-options="yesNo.value as yesNo.name for yesNo in yesNoOptions">
</select>

代码

$scope.yesNoOptions = [
   {name: 'No', value: 0},
   {name: 'Yes', value: 1}
];
$scope.activeState = 0;

Demo here