下面是一个简单的AngularJS 1.x实现,根据所选项显示不同c1,并将c2用逗号分隔形成下拉选择框的例子:
HTML代码:
```
```
在这个例子中,我们使用ng-model指令将下拉选择框的选项绑定到selectedItem变量上。当用户选择一个选项时,该选项的值将被存储在selectedItem变量中。
我们还使用ng-show指令来控制第二个下拉选择框的显示。只有在选择了一个选项后,第二个下拉选择框才会显示出来。
控制器代码:
```
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) {
return $scope.selectedItem.c2.split(',');
} else {
return [];
}
};
});
```
在这个例子中,我们定义了一个名为getC2Options的函数,该函数返回所选选项的c2属性值的数组。我们使用split方法将c2属性值分割成一个字符串数组,并在下拉选择框中显示每个选项。
当用户选择一个选项时,我们可以通过selectedC2变量访问所选选项的值,并将其存储在另一个变量中以供后续使用。
这是一个简单的例子,演示了如