angularjs – 将其他指令添加到angular.js中的同一元素的指令

发布时间：2020-12-17 07:01:48 所属栏目：安全来源：网络整理

导读：如何创建将其他指令添加到元素的指令？例如,我想： input tag/ 链接为： input ng-pattern='/[wd]+/' ng-maxlength='10'/ 解决方法我不认为$compile(),链接函数或终端是必需的. Angular会自动为我们编制电话. .directive('tag',[function() { return {

如何创建将其他指令添加到元素的指令？

例如,我想：

<input tag/>

链接为：

<input ng-pattern='/[wd]+/' ng-maxlength='10'/>

解决方法

我不认为$compile(),链接函数或终端是必需的. Angular会自动为我们编制电话.

.directive('tag',[function() {
  return {
    priority: 1000,compile: function(telement,attrs) {
      attrs.$set('tag',null);
      attrs.$set('ngMaxlength','10');
      attrs.$set('ngPattern','/[wd]+/');
    }
  };
}]);

使用此HTML进行测试：

<input ng-model="test" ng-init="test=2" tag>
{{test}}

Plunker.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!