Angularjs 查找由ngRepeat循环呈现的页面的特定元素

我正在尝试构建一个日期选择器，以下是我的代码：

<div class="container-fluid">
<div class="content mCustomScrollbar" style="text-align: left;">
        <table>
            <tr ng-repeat="item in reservation" >
                <td>
                    <h5><b>{{item.label}}</b></h5>
                </td>
                <td width="120px">

                </td>
                <td >
                    <div ng-show='(item.type=="text")||(item.type=="email")'>

                    </div>
                    <div ng-show='(item.type=="date")' datefield>
                        <input type="text" id="datepicker"> 
                    </div>
                </td>
            </tr>
        </table>

   </div>
</div> 

}))

警报正在工作，但.datepicker（）的赋值失败；不使用。

不要在链接函数中使用

$（“#日期选择器”）

，因为它将以id为

日期选择器的元素为目标，并且您已重复该id

使用

也许是因为你有多个相同的ID？试着去上课。也许这就解决了。我把它改成了课堂，它成功了！
x.directive("datefield", function(){
return {
    restrict: "A",
    link: function(scope, element, attrs){
            //alert($("#datepicker").attr('id'));
            $( "#datepicker" ).datepicker();
    }
}

link: function(scope, element, attrs){
        $(element).datepicker();
}