要素に動的に生成されたアンギュラ・ディレクティブ・テキストをバインドする

Question

どの入力要素にも適用されると、data-ng-patternが追加されるという指令を作成しようとしています。今私はそれをバインドしたい。私は周りを見回して何かを見つけましたが、それは動作しません

mainModule.directive("telephoneValidation", function ($compile) { 
    return { 
     restrict: "A", 
     replace: true, 
     link: 
      function (scope, element, attrs) { 
       element.attr('data-ng-pattern','^[\(]{0,1}[\+ ]{0,1}[0-9 ]+[\)]{0,1}[0-9\- ]*$/'); 
       $compile(element.contents())(scope); 
       element.removeAttr('telephone-validation').empty(); 
      } 
    }; 
}); 

Answer 1

申し訳ありません。私は属性の値を間違って書いていました。最初はスラッシュがありませんでした。要素は同じコードで動的にコンパイルされています。

より必ずする方法は

compile(angular.element(element))(scope)); 

私は、コンパイルのドキュメントhereを読んで解決策を見つけてコンパイルする

angular.element(element) 

を使用して、それを渡すことで、角要素としての要素をラップすることです

Answer 2

代わり$compile(element)(scope)を試してみてください。 contents()を使用すると、要素自体ではなく要素の子が対象となります。https://api.jquery.com/contents/