AngularJS中元素的指令模板唯一ID

Question

我有一个指令，可以在一个页面上多次使用。在此指令的模板中，我需要对输入元素使用ID，以便可以将Label“绑定”到它，如下所示：

<input type="checkbox" id="item1" /><label for="item1">open</label>

现在的问题是，一旦多次包含我的指令，ID“ item1”就不再是唯一的，并且标签将无法正常工作（单击时应选中/取消选中该复选框）。

该问题如何解决？有没有一种方法可以为模板分配“名称空间”或“前缀”（例如asp.net使用ctl00 …-
Prefix）？还是我必须在每个id属性中包括一个angular-Expression，它由作用域中的指令ID +一个静态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>

Answer 1

的HTML

    <div class="myDirective">
        <input type="checkbox" id="myItem_{{$id}}" />
        <label for="myItem_{{$id}}">open myItem_{{$id}}</label>
    </div>