javascript - 角度js，选择更改时如何启用

Question

我在使用 angularjs 时遇到问题，因为我是新手。

这是我的 html 代码：

<select id="provinsiSelect" ui-select2 ng-model="params.id" style="width: 200px;">
    <option value=""></option>
    <option ng-repeat="v in prov" value="{{v.id}}" title="{{v.text}}"
    ng-selected="v.id == params.id">{{v.text}}</option>
</select>

<select id="kabupatenSelect" disabled ui-select2 ng-model="params2.id" style="width: 200px;">
    <option value=""></option>
    <option ng-repeat="y in kab" value="{{y.id}}" title="{{y.text}}"
    ng-selected="y.id == params.id">{{y.text}}</option>
</select>

如您所见，有两个选择，请在第一次选择更改时帮助我，然后从禁用中选择启用。

Answer 1

只需使用ng-disabled：

<select id="provinsiSelect" ui-select2 ng-model="params.id" style="width: 200px;">
    <option value=""></option>
    <option ng-repeat="v in prov" value="{{v.id}}" title="{{v.text}}"
    ng-selected="v.id == params.id">{{v.text}}</option>
</select>

<select id="kabupatenSelect" ng-disabled="params.id" ui-select2 ng-model="params2.id" style="width: 200px;">
    <option value=""></option>
    <option ng-repeat="y in kab" value="{{y.id}}" title="{{y.text}}"
    ng-selected="y.id == params.id">{{y.text}}</option>
</select>

假设您没有 0 的 id，params.id一旦选择了 id 就应该是真实的。

Answer 2

正如前面的评论所说，使用 ng-disabled 。您还应该在第一个选择变量上添加一个监视，并将 params.id 设置为您在更改时需要的值。

$scope.$watch('provinsiSelect', function (newVal) {
    $scope.params.id = true;
});