好的,以下是一个新的数据集和实现:
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:'一般,良好'},
{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下拉列表。同时,我们增加了更多的数据集,以展示如何处理更多的级联情况。