javascript - 在选项值中使用数组

Question

我正在使用 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”。

最好的方法是什么？

谢谢。

Answer 1

这样的东西可以让你访问整个对象:

$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