ng-controller insideテーブルが動作しません、なぜですか？

Question

<div ng-controller="xxxController" >       
    <table>      
    <tr ng-repeat="x in xxxx"> 
     <td>... 
     </td> 
    </tr> 
    </table> 
</div> 

ng-controllerタグ外面任意の表、それはうまく動作します。

しかし、以下のNG-contollerタグは任意のテーブル内にあるかどうかを、NG-repeatが

<table>                
    <div ng-controller="xxxController" > 
    <tr ng-repeat="x in xxxx"> 
     <td>... 
     </td> 
    </tr> 
    </div>  
</table> 

Answer 1

<div>に動作しませんが<table>の有効な子要素ではありません。そのため<div ng-controller="xxxController">は<table>の外側に移動し、<tr>は無効になります。これは<table>の外にもあるためです。

<div>が<table>の内部に入るようにするには、実際には<td>の子である必要があります。これはあなたが持つ構造を破壊すると思います。代替案として

が、それは<table>要素自体にng-controllerを持つための有効な構文は次のとおりです。私はそれをテストしてい

<table ng-controller="xxxController"> 
    <tr ng-repeat'"x in xxx"> 
    <td>... 
    </td> 
    </tr> 
</table>