上面的例子用ng-click实现级联

动态 未结 0 92
小小草
小小草 LV1 2023年9月23日 23:40 发表
以下是一个简单的AngularJS 1.x实现,使用ng-click指令来实现级联效果: 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:'一般,良好'} ]; $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指令上,
收藏(0)  分享
相关标签: 智能问答
问题没解决?让AI助手帮你作答 AI助手
0个回复
  • 消灭零回复