angleディレクティブが適切な場所にありません

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+ 
    } 
})