javascript - 如何使用 AngularJS 获取数组中的元素

Question

我正在使用 AngularJS，并且我得到了一个带有静态选项的简单选择元素。当我单击一个选项时，我想获取数组的某个索引上的元素。
如果这很荒谬，请原谅我，但我是 Angular JS 的新手

这是类和下拉列表

 $scope.products=[
            {
                "Id":1,
                "Name":"ice cream",
                "Price":8.50
            },
            {
                "Id":2,
                "Name":"salad",
                "Price":8.99
            },
            {
                "Id":3,
                "Name":"fish & chips",
                "Price":10.91
            }
        ]

<select name="singleSelect" ng-model="data.selectedOption">
            <option ng-repeat="product in products" ng-model="selectedOption" value="{{product.Id}}">{{product.Name}}</option>
</select>

例如，当我点击冰淇淋时，下拉列表旁边应该有该商品的价格。

Answer 1

在select上使用ngOptions - 在select上放置一个ngModel - 然后简单地显示!

<select name="singleSelect" ng-model="data.selectedOption" ng-options="product as product.Name for product in products">
</select>

<span>Price: {{data.selectedOption.Price}}</span>