anglejsディレクティブを使用してHTMLコンテンツをテーブルに追加する方法はありますか？

Question

下記のhtmlの<thead>に<tr><button></button></tr>を追加したいと思います。

<table> 
    <thead> 
    <tr> 
    Header 1 
    </tr> 
    </thead> 

    </table> 

角度指示を使用して上記の考えを達成することは可能ですか？あなたのcostumディレクティブのあなたのリンク機能で

Answer 1

を使用でき

angular.element(document).find("thead").append("<tr><button></button></tr>") 

次のようになりますあなたのディレクティブ：

angular.module('app', []) 
.directive('myDirective', ['$document', function($document) { 
    return { 
    link: function(scope, element, attr) { 
     angular.element(document).find("thead").append("<tr><button></button></tr>") 
    } 
    }; 
}]); 

私はこのコードをテストしてhaventが、これはDOMを操作する方法で気をつけてカスタムディレクティブでは、私ができるときにプランナーを作成します