AngularJS 指令在 id 属性中使用时看不到$index

Question

我有以下示例：

http://jsfiddle.net/2FTEU/3/

在指令中，我想根据动态id标签在ng重复中的位置来分配它

<my-directive id="directive-{{$index}}"></my-directive>

发生的情况是，当指令被呈现时，索引被丢弃

<button id="directive-"></button>

如何在指令的id中使用$index？

编辑我需要保留隔离范围。发布的例子只是一个小例子，说明了我的问题。

Answer 1

使用{{$parent.$index}}。

ng repeat创建的作用域包含$index属性。由于myDirective创建了一个新的隔离作用域，因此可以使用$parent"到达"父ng重复作用域。

Answer 2

您的指令myDirective正在使用一个独立的作用域，该作用域不从父作用域继承。因此，$index不再可访问。

您可以使用{scope : true}为指令创建一个新的作用域。这是你的Fiddle的工作版本。