上面的例子list1的code为值,name为显示值

动态 未结 0 67
小小草
小小草 LV1 2023年9月23日 23:40 发表
下面是一个简单的AngularJS 1.x实现,根据所选项显示不同c1,并将c2用逗号分隔形成下拉选择框的例子,其中list1的code为值,name为显示值: HTML代码: ```

{{selectedItem.c1}}:

``` 在这个例子中,我们使用ng-options指令的“value as label”语法来设置下拉选择框的值和显示值。具体来说,我们将每个选项的code属性设置为其值,将name属性设置为其显示值。 控制器代码: ``` 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 []; } }; }); ``` 在这个例子中,我们使用find方法查找所选选项的对象,并将其c2属性值分割成一个字符串数组,以在下拉选择框中显示每个选项。 当用户选择一个选项时,我们可以通过selectedItem变量访问所选选项的code属性值,并将其存储在另一个变量中以供后续使用。 这是一个简单的例子,演示了如何根据所选项显示不同的文本和输入框,并将list1
收藏(0)  分享
相关标签: 智能问答
问题没解决?让AI助手帮你作答 AI助手
0个回复
  • 消灭零回复