angularjs访问动态生成的表单字段ID答案

【问题标题】：angularjs access dynamically generated form field idsangularjs访问动态生成的表单字段ID
【发布时间】：2016-03-08 12:47:54
【问题描述】：

我使用 ng-repeat 动态生成表单字段。一切正常。

但现在我想使用角度日期选择器组件，它基于指令。问题是这似乎只适用于静态内容/id 属性。在动态的情况下，我得到“field.Key” - 占位符值 - 而不是生成的 id。（即使在客户端生成的源代码中 id 是正确的）

我也尝试了 ng-id 或 ng-attr-id，结果相同。任何提示如何在指令或其他解决方法中获取此值？

这里是示例代码：

html
 <input id="{{field.Key}}" name="{{field.Key}}" type="text" date-time 
data-ng-model="field.FieldValue" auto-close="true" value="{{''}}"/>


js
 Module.directive('datePicker', ..., function datePickerDirective(...) {   
    return {     
      require: '?ngModel',
      template: '<div ng-include="template"></div>',
      scope: {
        model: '=datePicker',
        after: '=?',
        before: '=?'
      },
      link: function (scope, element, attrs, ngModel) {
       //generated value should be here, but is field.Key
       var pickerID =  element[0].id;
}
}];

【问题讨论】：

html 中的date-time 属性是否应该改为date-picker？

标签： javascript angularjs forms angularjs-directive

【解决方案1】：

你可以试试这个：

$(element).prop('id');

【讨论】：

【解决方案2】：

我可以用

解决它

attrs.id

而不是

element[0].id

【讨论】：