angularjs - AngularJS Directive doesn't see $index when used in an id attribute

Question

I have the following example:

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

In the directive I want to assign a dynamic id tag based upon it's position in an ng-repeat

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

What is happening is that when the directive gets rendered, the index is dropped

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

How can I use $index in the id for a directive?

EDIT I need to keep the isolate scope. The example posted is just a small example that demonstrated my issue.

Answer 1

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

由 ng-repeat 创建的范围包含该$index属性。由于myDirective创建了一个新的隔离范围，您可以使用$parent它“到达”父级 ng-repeat 范围。

Answer 2

您的指令myDirective使用了一个独立的范围，它不从父范围继承。因此，$index不再可访问。

你可以简单地为你的指令创建一个新的范围，使用{scope : true}. 这是您的 Fiddle 的工作版本。