コンパイルする文字列htmlusing角度コンパイルではng-repeatが機能しません

Question

前に間違った質問形式のため申し訳ありません。ここで

var templateHTML = "<div ng-repeat='entity in createCtrl.finalCCList'>\ 
         <span>{{entity.name}}</span>\ 
        </div>"; 

..私は必要なのdivをレンダリングするためにngrepeatを使用してHTML文字列を持っているこの今

を変更する「createCtrl.finalCCList」は名前とidプロパティを持つエンティティオブジェクトのリストを持っていますその中に。今 私はこの使用してコンパイルしよう -

var compiledTemplateHTML = $compile(templateHTML)($scope); 
      if (compiledTemplateHTML && compiledTemplateHTML[0]) { 
       return compiledTemplateHTML[0].outerHTML; 
      } 
      else { 
       return ""; 
      } 

私は何を取得。一方、私はチェックし、$ scope.createCtrl.finalCCListは必要な値を持っています。

ここには何もありません。

Answer 1

たくさんの研究の後、コンパイルに時間がかかった後、文字列htmlの中でng-repeatによってレンダリングされたDOMが問題であるとわかりました。そして、完了する前にそれを割り当てています。タイムアウトで割り当てを使用する場合、正常に動作します。

ので、代わりのthis-

var compiledTemplateHTML = $compile(templateHTML)($scope); 
     if (compiledTemplateHTML && compiledTemplateHTML[0]) { 
      return compiledTemplateHTML[0].outerHTML; 
     } 
     else { 
      return ""; 
     } 

私は戻っていないのですが、$タイムアウトにスコープに

var compiledTemplateHTML = $compile(templateHTML)($scope); 
     if (compiledTemplateHTML && compiledTemplateHTML[0]) { 
      $timeout(function() { 
       createCtrl.isHeaderContent = compiledTemplateHTML[0].outerHTML; 
      }, 0); 
     } 

感謝を割り当てます。