我正在使用 AngularJS,我想做的是使用 select 来选择一个项目,然后访问一个可以生成其他信息的数组。
例如:
<select name="manufacturer" id="manufacturer" ng-model="manufacturer" class="form-control">
<option value="{{ A[0] }}">{{ A[0] }}</option>
<option value="{{ B[0] }}">{{ B[0[ }}</option>
<option value="{{ C[0] }}">{{ C[0] }}</option>
</select>
// NAME, SKU, PRICE, WEIGHT
$scope.A = ["Ferarri","FER1",128000,1.5];
$scope.B = ["Ford","FOR1",13000,1];
$scope.C = ["Renault","REN1",13000,1];
因此,我可以轻松地在选择中打印“名称”,以便用户知道他们正在选择什么,但一旦选择,我想充分利用该数组。 因此,如果用户选择“福特”,我希望能够获得类似 $scope.car[2] 的汽车价格,无论他们的选择是什么,这都会给我“13000”。
最好的方法是什么?
谢谢。
最佳答案
这样的东西可以让你访问整个对象:
$scope.cars = [
{name: "Ferarri", short: "FER1", price: 128000, num: 1.5}
{name: "Ford", short: "FOR1", price: 13000, num: 1}
{name: "Renault", short: "REN1", price: 13000, num: 1}
]
<select ng-model="car" ng-options="car as car.name for car in cars"></select>
然后您可以在模板中使用它,如下所示:
<h1>{{car.price}}</h1>
我使用ng-options
来实现这一点,这是非常灵活的,请查看官方文档:https://docs.angularjs.org/api/ng/directive/ngOptions
关于javascript - 在选项值中使用数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32028497/