我有一个指令，可以在一个页面上多次使用。在这个指令的模板中，我需要使用ID作为输入元素，所以我可以“绑定”一个标签，像这样：
<input type="checkBox" id="item1" /><label for="item1">open</label>
现在的问题是，一旦我的指令被包括多次，ID“item1”不再是唯一的，标签不能正常工作(它应该检查/取消选中复选框，点击时)。
这个问题如何解决？是否有一种方法为模板分配“命名空间”或“前缀”(如asp.net与ctl00 …-前缀)？或者，我必须在每个id-Attribute中包含一个angular-Expression，它由来自Scope的静态ID的directive-ID组成。就像是：
<input type="checkBox" id="{{directiveID}} + 'item1'" /><label for="{{directiveID}} + 'item1'">open</label>
编辑：
我的指令
module.directive('myDirective',function () {
return {
restrict: 'E',scope: true,templateUrl: 'partials/_myDirective.html',controller: ['$scope','$element','$attrs',function ($scope,$element,$attrs) {
...
} //controller
};
}]);
我的HTML
<div class="myDirective"> <input type="checkBox" id="item1" /><label for="item1">open</label> </div>
HTML
原文链接：https://www.f2er.com/angularjs/146610.html<div class="myDirective">
<input type="checkBox" id="myItem_{{$id}}" />
<label for="myItem_{{$id}}">open myItem_{{$id}}</label>
</div>
