动态变量名指令属性

Question

我有一个 my-edit 指令，它有一个 value 属性，期望绑定一个作用域变量。

<my-edit value="myVar"></my-edit>

有没有办法做这样的事情：

<my-edit value="{{varName}}"></my-edit>

其中 varName = "myVar"

我想将此指令嵌套在具有“text-field”属性的“my-listbox”指令中

<my-listbox ng-model="myList" text-field="itemProp"></my-listbox>

所以我尝试使用如下模板：

<div>
    <ul>
        <li ng-repeat="item in items">
            <my-edit value="item.{{textField}}"></my-edit>          
        </li>
    </ul>
</div>

但显然它不起作用

我想使用文本绑定也不是解决方案。

“my-listbox”的动态生成模板是否适合？

我在 compile 函数中尝试过，但由于嵌套的 neRepeat 指令，效果不佳。是否应该通过在链接函数中使用 $compile 来完成？

谢谢

Answer 1

这对于 Angular 来说非常酷，它评估了您传递给指令的字符串。这意味着您实际上只需执行value="item[textField]" 即可。

例如，如果您有一个带有如下数据的控制器：

$scope.data = {
    test: 'test_val',
    other: 'other_val'
};
$scope.val = 'test';

你可以像这样将它传递给你的指令：

<directive value="data[val]"></directive>

就是这样设置的：

scope: {
    value: '='
},

并且隔离范围将具有 scope.value = 'test_val' 并且只需将原始控制器 val 更改为 'other' 即可更新为 'other_val'

我创建了一个fiddle，供你玩。

希望这会有所帮助！