Ng-repeat＆Ng-bind-html

Question

ng-repeatはng-bind-htmlの内部で動作しますか？

ここで、res2はStaticPageのコンテンツです。そして、resはjsonファイルです。スコープから変数を取得できます（json配列も表示します）が、ng-repeatを使用して反復することはできません。

ホームコントローラ：

$rootScope.usefulContent = res; 
$rootScope.staticContent = $interpolate(res2)($rootScope); 

ビュー：

<div ng-controller="homeCtrl" class="headerSize" id="staticPage"> 
<div ng-bind-html="staticContent"></div> 
</div> 

静的ページ：

<div class="container content-home"> 
     <div class="row"> 
      <div class="col-sm-6"> 
       <div class="row"> 
        <div class="col-xs-12"> 
        <div ng-repeat="(key, value) in usefulContent | groupBy: 'Order'"> 
         {{key}} 
        </div> 
        <ul class="list-group" data-ng-repeat="(key, value) in usefulContent | groupBy: 'Order'"> 
         <li class="list-group-item">{{key}} 
          <ul class="list-group"> 
           <li class="list-group-item child" data-ng-repeat="link in value"> 
            {{ link.SUBSECTION }} 
           </li> 
          </ul> 
         </li> 
        </ul> 
        </div> 
       </div> 
      </div> 
      <div class="col-sm-6"> 
       Col 2 
      </div> 
     </div> 
    </div> 

JSON：

[ 
    { 
    "Order": 1, 
    "SECTION": "HR", 
    "SUBSECTION": "Administration", 
    }, 
    { 
    "Order": 1, 
    "SECTION": "HR", 
    "SUBSECTION": "Self Service", 
    } 
] 

ありがとうございました。

Answer 1

角度は自動的にあなたが含むHTMLをコンパイルしません。 この方法は、postで説明しています。