Question

我正在使用AngularJS，我得到了一个带有静态选项的简单select元素。当我点击一个选项时，我想在数组的某个索引上得到一个元素请原谅我，如果这是荒谬的，但我是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

在ngOptions上使用select - 在ngModel上添加select - 然后只显示！

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

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

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

1 个答案: