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을 조작하는 방법입니다 자르 맞춤 지시어에서 할 수있을 때 나는 큰 소리로 말할 것입니다