html - 如何访问angularjs中返回的动态范围

Question

我有一个要求——单个 Angular js 函数根据函数的输入参数之一动态返回范围变量。对于控制器功能，我找到了一些关于如何返回动态范围的示例

$scope[attributeId] = data.response; （attributeId 为入参，data.response 为数组）

问题是如何在 HTML 中使用这样的范围变量？我有一个这样的选择控件，它将填充一个下拉列表，其中包含在范围内重新调整的值，在这种情况下应该指定为模型和选项。

<button ng-click="getAttributeValue(getProductsModel,p.attributeId, $event)">Get Attribute Value</button>
<select data-ng-model="attributeModel" 
    data-ng-options="a for a in attributeResponse">
    <option value="">-- Select Value --</option>
</select>

一个例子真的很有帮助。

Answer 1

您应该将其分配给$scope.attributeId. 之后，您可以使用ng-options指令填充它。

现在我不知道你的数据结构是怎样的，所以这里有一个汽车的例子。

想象中的array：

$scope.cars = [
    {
        id: 1,
        name: 'Ford'
    },
    {
        id: 3,
        name: 'Mercedes'
    },
    {
        id: 3,
        name: 'BMW'
    },
]

和<select>人口稠密的汽车元素：

<select ng-model="selectedOption" ng-options="car.name for car in cars">

现在您可以使用 访问所选选项$scope.selectedOption。