javascript - AngularJS访问动态生成的表单字段ID

标签 javascript angularjs forms angularjs-directive

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

但现在我想使用 Angular 日期选择器组件,它基于指令。问题是这似乎只适用于静态内容/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;
}
}];

最佳答案

你可以试试这个:

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

关于javascript - AngularJS访问动态生成的表单字段ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35867829/

相关文章:

angularjs - 非单页网络应用程序需要 requirejs 和 angularjs 吗?

php - 有没有办法在 silverstripe 表单字段周围添加包装 div

php - 在表单中设置多个 "submit"按钮的最佳方式?

javascript - transitionend 使用 if 语句触发 +1 事件

javascript - AngularJS 应用程序不再工作

javascript - JavaScript的setTimeout有引用时钟吗

javascript - 添加和 ".indexOn": ".value" into Firebase Rules

vba - 暂停代码,直到在另一个“Access ”表单中按下按钮

javascript - 将 for() 循环中的所有分号替换为 @ 符号

javascript - 正则表达式非捕获组 - 没用?