0
私のドロップダウンボックスを別のドロップダウンでカスケードしようとしています。その2番目のドロップダウンには、最初のドロップダウンボックスで選択したアイテムに関連するオプションがリストされます。サンプルコード、およびドロップダウンは空のままです。angularjsを使用してドロップダウンをカスケード接続する
HTML:
<ion-view view-title="Car Type">
<ion-content ng-app="CarWash" ng-contorller="carBrand">
<h3> Add/Edit the Car Types </h3>
Make:
<select id="brand" ng-model="carBrand" ng-options="brand for (brand,item) in brandList">
<option value=''>Select</option>
</select>
Type:
<select id="makeType" ng-model="brandType" ng-options="item for (brand,item) in brandlist">
<option value=''>Select</option>
</select>
</ion-content>
</ion-view>
コントローラ:あなたはこれを行うことができ
[angular.module('CarWash',\[\]).controller('carBrand',\['$scope',function($scope){
$scope.brandList={'Benz':\['Regular','Truck'\]};
}\])]
リンク1
他のクエリでは、これを使用して機能を追加したり削除したりすることができます。 – sree
はいあなたはそれを行うことができます – Sajeetharan
@Sajeetharan – sree