gpt4 book ai didi

javascript - AngularJS,选择 onChange 或 ngChange

转载 作者:可可西里 更新时间:2023-11-01 02:21:05 24 4
gpt4 key购买 nike

我刚开始使用 angularjs 和 Angular 用户界面。我对标签感兴趣。

这是我的 html:

<select id="part1" ui-select2 ng-model="params.id" style="width: 200px;">
<option value="">Provinsi</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="part2" ui-select2 ng-model="params2.id" style="width: 200px;" ng-disabled="true">
<option value="">Kabupaten</option>
<option ng-repeat="y in kab" value="{{y.id}}" title="{{y.text}}"
ng-selected="y.id == params.id">{{y.text}}</option>
</select>

这是我的 app.js :

$http.get('json/provinsiData.json').success(function(datax) {
$scope.prov = datax;
});

//part2 data
$http.get('json/acehData.json').success(function(datay) {
$scope.kab = datay;
});

$scope.params = {}
$scope.params2 = {}

如您所见,select part2 被禁用。

我怎样才能创建一个像下面的条件一样工作的事件更改?

if selected option of part1 is index 0
then select part2 disabled = false and load json part2 data.

最佳答案

angular-js select 支持 ng-change 属性,它可以调用范围内定义的任何 javascript 方法。示例:

然而,您最好的选择可能只是评估 ng-disabled= 属性中的 $scope 表达式,例如ng-disabled="params.id == 'X'".

关于javascript - AngularJS,选择 onChange 或 ngChange,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16142533/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com