以下是一个简单的AngularJS 1.x实现,使用ng-click指令来实现级联效果:
HTML代码:
```
```
在这个例子中,我们仍然使用了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指令上,