각도 지시문이 올바른 위치에 없습니다.

Question

테이블에 간단한 각도 지시문이 있지만 표 앞에 렌더링됩니다.

app.directive('myDirective',function() { 
 
    return { 
 
    restrict : "E", 
 
    templateUrl : "directives/myDirectiv.html", 
 
    replace : true 
 
    } 
 
})

<table class="table"> 
 
      <thead> 
 
      <tr> 
 
       <th>ID</th> 
 
       <th>Name</th> 
 
       <th>Deposit</th> 
 
       <th>Credit Card</th> 
 
      </tr> 
 
      </thead> 
 
      <tbody> 
 
      <my-Directive></my-Directive> 
 
      </tbody> 
 
    </table> 
 

 

 
<!-- here is html in the directive --> 
 

 
<tr> 
 
    <td>001</td> 
 
    <td>Danilo</td> 
 
    <td>7163547265</td> 
 
    <td>Visa</td> 
 
</tr>

는 어떻게하면 올바른 위치에 있어야 해결할 수 있습니다. 미리 타이.

Answer 1

custom-element을 tbody 표 안에 넣을 수 없습니다. tbody 내부에 맞춤 요소를 추가하면 사용자 정의 요소가 삭제되는 잘못된 html &으로 간주됩니다.

E (요소) 대신 A (특성)으로 제한하도록 지시문 유형을 변환해야합니다. 이제 tbody 요소 위에 지침을 추가하십시오. 빠른 답변

지침

app.directive('myDirective',function() { 
    return { 
    restrict : "A", //<-- converted E to A 
    templateUrl : "directives/myDirectiv.html", 
    //replace : true //it isn't needed, though this has been deprecated since 1.5+ 
    } 
})