在AngularJS 1.x下,数据集list1=[{code:'A',name:'第一',c1:'语文',c2:'一般、良好'},{code:'B',name:'第二',c1:'数学',c2:'一般、良好'}],要求实现选择list1,i

动态 未结 0 101
小小草
小小草 LV1 2023年9月23日 23:40 发表
下面是一个简单的AngularJS 1.x实现,根据所选项显示不同c1的例子: HTML代码: ```

{{selectedItem.c1}}:

``` 在这个例子中,我们使用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:'一般、良好'} ]; }); ``` 在这个例子中,我们定义了一个名为list1的数组,其中包含两个对象。每个对象都有一个c1和c2属性,分别表示要显示的文本和输入框的初始值。 当用户选择一个选项时,我们可以通过selectedItem变量访问所选选项的对象,并获取其c1属性的值。我们还可以使用ng-model指令将输入框绑定到所选选项的c2属性上,以便在用户更改输入框的值时更新该属性的值。 这是一个简单的例子,演示了如何根据所选项显示不同的文本和输入框。
收藏(0)  分享
相关标签: 智能问答
问题没解决?让AI助手帮你作答 AI助手
0个回复
  • 消灭零回复