html - ng-repeat と ng-bind-html を使用したアコーディオンは機能しません

Question

私はこの方法でアコーディオンとhtmlコンテンツを使用しようとしています:

<accordion>
   <accordion-group ng-repeat="item in items">
      <accordion-heading>
          <a class="btn btn-primary btn-block btn-elenco">
         <img postsrc="img/flag/flag_{{item.index}}.jpg">
      </a>
      </accordion-heading>
      <p ng-bind-html="item.content"></p>
   </accordion-group>
</accordion>

と

var items = [];
for(var i=0;i<10;i++){
var content = "<div>TEST</div>";
items.push({index:i,content:content});
}
$scope.items = items;

var app = angular.module('MyApp',['ngSanitize','ui.bootstrap']);

アコーディオンは機能しますが、html は p タグにレンダリングされません。

何が問題なのですか？

編集

次のようなことを試してみると:

<div ng-bind-html="to_trusted(item.content)"></div>

そしてコントローラーに関数を追加します：

$scope.to_trusted = function(html_code)
    {
    console.log(html_code);
    return $sce.trustAsHtml(html_code);
    }

何も変わらず、コンソールには多くの「未定義」が表示されます!