私は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.