嵌套单选按钮angularjs

时间:2018-08-02 04:58:52

标签: angularjs

randsrc()

在此代码中,用户选择区域中的单选按钮之一。在选中单选按钮之一后,用户输入制造年份。输入制造年份后,用户选择立方容量。 现在,我必须以这样一种方式创建函数:从18个值中选择一个,然后将结果显示在ng-<label>Enter Zone:</label> <input type="radio" ng-model="vm.zone" value="A">A <input type="radio" ng-model="vm.zone" value="B">B <br> <label>Enter Manufacture Year:</label> <input type="text" ng-model="vm.motorYear" placeholder="Enter Manufacture Year"> <br> <label>Select Cubic Capacity: </label> <input type="radio" ng-model="vm.rate" value="3.191"> Upto 1000 CC <input type="radio" ng-model="vm.rate" value="3.059"> 1001 - 1500 CC <input type="radio" ng-model="vm.rate" value="3.343"> Over 1500 CC <br> <label>Basic Od:</label> <input type="text" ng-model="vm.basicOd" placeholder="Basic OD"> 输入中。现在假设如果用户选择区域A,则剩下9个选项。用户输入制造年份后,仅剩下3个值,在用户单击最后一个单选按钮后,我们将获得最终输出。有人可以给我一些如何实现此功能的想法吗?

1 个答案:

答案 0 :(得分:0)

list = [
{rate: 3.191, zone: "A"},
{rate: 3.192, zone: "A"},
{rate: 3.193, zone: "A"},
{rate: 2.194, zone: "B"},
{rate: 3.191, zone: "A"},
]

在列表中使用ng-repeat =“ rate | filter:{zone:vm.zone}”