Question

我想访问{{ test.data('something') }}，但它不起作用。

<select ng-model="test">
    <option data-something="mySomething" value="blahblah">blahblah</option>
</select>

我有什么方法可以访问它吗？

我使用的是角1.3.14（最新的）

Answer 1

如果您只是将变量分配给属性，则始终可以访问该变量。这也是角度的使用方式：

控制器：

// Reference to mySomething
$scope.mySomething = "Some value";

视图：

<select ng-model="test">
    <option data-something="mySomething" value="blahblah">blahblah</option>
</select>

当您有多个选项（例如ng-options）时，您可以执行以下操作：

控制器：

$scope.myOptions = [
    { mySomething: "Something", value: "1", text: "Value 1" },
    { mySomething: "Something else", value: "2", text: "Value 2"}
];

$scope.doSomething = function() {
    console.log($scope.test.mySomething);
}

视图：

<select ng-options="opt.value as opt.text for opt in myOptions"
        ng-model="test"
        ng-change="doSomething()">
</select>

要在指令中访问属性的值，请参阅SO

上的this thread

如何使用angularJS获取data-something属性

1 个答案: