Angular js，如何在被选中时启用

angular js, how to enabled when selected change

本文关键字：启用 js Angular      更新时间：2023-09-26

我使用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>

正如你所看到的，有两个选择，请帮助我当第一个选择改变，然后第二个选择启用从禁用

直接使用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>

假设id不为0，一旦id被选中，params.id应该为真

就像前面的注释说的那样禁用ng。您还应该在第一个选择变量上添加一个表，并设置参数。Id为更改时需要的值。

$scope.$watch('provinsiSelect', function (newVal) {
    $scope.params.id = true;
});
相关文章：