0
我想開發2選擇(下拉)用於填充根據第一選擇第二個框盒。
例如
選擇產品1和第二框,然後將具有格式1,2和5 選擇產品2和第二可具有格式2,3和6
問題和問題
第一個盒子已經被我的數組填充,但第二個盒子沒有填充,這取決於選擇而不是第一個盒子,實際上它根本沒有填充(請參閱屏幕截圖
HTML
<div class="form-group">
<div ng-controller="dropDown">
<select ng-model="formData.ProductAndFormat" ng-options="product.name for product in productsandformats">
</select>
<select ng-model="formData.format" ng-if="user.productName"
ng-options="format.id as format.name for Format in user.productName.format">
</select>
</div>
</div>
controller.js
.controller('dropDown', function ($scope) {
$scope.productsandformats = [{
"name": "product 1",
"format": [{
"name": "format 1",
"id": "1"
}, {
"name": "format 2",
"id": "2"
}]
}, {
"name": "product 2",
"format": [{
"name": "format 3",
"id": "3"
},{
"name": "format 2",
"id": "2"
},
{
"name": "format 4",
"id": "4"
}, {
"name": "format 5",
"id": "5"
}]
}];
$scope.user = {productName: $scope.productsandformats[0], format: '1'};
$scope.displayModalValue = function() {
console.log($scope.user.productName);
}
})
你的人,感謝 – Beep
我對第一個選擇框中:) +1 –
@RameshRajendran,感謝好友進行編輯和最多投票設置默認值:) –