angularjs - 嵌套单选按钮 angularjs

Question

<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"> 

在此代码中，用户选择区域中的一个单选按钮。选中其中一个单选按钮后，用户输入制造年份。进入生产年份后用户选择立方容量。现在我必须创建一个函数，以便有 18 个值从中选择一个，结果将显示在 ng-model="vm.basicOd"输入中。现在假设如果用户选择区域 A，那么剩下 9 个选项。一旦用户输入制造年份，则只剩下 3 个值，在用户检查最后一个单选按钮后，我们得到最终输出。有人可以给我一些关于如何为此功能制作的想法吗？

标签： angularjs

Answer 1

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 in list | filter:{zone:vm.zone}"