不用上面的例子,换一个数据集用ng-click实现级联

动态 未结 0 86
小小草
小小草 LV1 2023年9月23日 23:40 发表
好的,以下是一个新的数据集和实现: HTML代码: ```

{{selectedItem.c1}}:

``` 在这个例子中,我们仍然使用了ng-options指令来生成下拉选择框,但是没有使用ng-init指令或在控制器中设置默认选项。相反,我们将getC2Options函数绑定到ng-click指令上,以便在每次更改选项时更新c2下拉列表。 控制器代码: ``` var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.list1 = [ {code:'A',name:'第一',c1:'语文',c2:'一般,良好'}, {code:'B',name:'第二',c1:'数学',c2:'一般,良好'}, {code:'C',name:'第三',c1:'英语',c2:'及格,不及格'}, {code:'D',name:'第四',c1:'物理',c2:'优秀,良好,及格,不及格'} ]; $scope.getC2Options = function() { if ($scope.selectedItem) { var selectedItem = $scope.list1.find(function(item) { return item.code === $scope.selectedItem; }); return selectedItem.c2.split(','); } else { return []; } }; }); ``` 在这个例子中,我们将getC2Options函数绑定到ng-click指令上,以便在每次更改选项时更新c2下拉列表。同时,我们增加了更多的数据集,以展示如何处理更多的级联情况。
收藏(0)  分享
相关标签: 智能问答
问题没解决?让AI助手帮你作答 AI助手
0个回复
  • 消灭零回复