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

时间:2015-02-11 12:47:53

标签: html angularjs dynamic-scope

我有一个要求 - 单个角度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>

一个例子真的有帮助。

1 个答案:

答案 0 :(得分:0)

您应该将其分配给$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访问所选选项。