chỉ thị thêm các chỉ thị khác vào cùng một phần tử trong angular.js

Question

Làm cách nào để tạo chỉ thị bổ sung các chỉ thị khác cho một phần tử?

Ví dụ, tôi muốn:

<input tag/> 

được liên kết như:

<input ng-pattern='/[\\w\\d]+/' ng-maxlength='10'/> 

Answer 1

tôi đã đưa ra một giải pháp mà dường như làm việc:

.directive('tag', ['$compile', function($compile) { 
    return { 
    priority: 1000, 
    terminal: true, 
    compile: function(telement, attrs) { 
     attrs.$set('tag', null); 
     attrs.$set('ngMaxlength', '10'); 
     attrs.$set('ngPattern', '/[\\w\\d]+/'); 

     var link = $compile(telement); 

     return function($scope, $element) { 
     link($scope, function(clonedElement) { 
     $element.replaceWith(clonedElement); 
     }); 
     } 
    } 
    } 
}]); 

Điều quan trọng là đảm bảo rằng chỉ thị có mức độ ưu tiên cao hơn tất cả các chỉ thị khác trên phần tử và kết thúc, do đó các thư mục khác ectives arent được biên dịch và liên kết.

Answer 2

Tôi không nghĩ rằng $compile(), chức năng liên kết hoặc terminal là cần thiết. Góc sẽ tự động biên dịch telement cho chúng tôi.

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

Thử nghiệm với HTML này:

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

Plunker.