angularjs - 二重引用符内の Angular ディレクティブ (ng-repeat)

Question

私はメトロUIを使用しており、その中でng-repeatを使用してポップアップ内にhtmlを構築しようとしています。

私のテンプレートは次のようになります。どんな考えでも役に立ちます。データが存在することを確認しましたが、二重引用符内では ng-repeat が機能しません。一重引用符を使用してみましたが、うまくいきません。

これが私のテンプレートです。

<div class="container">
<div class="title-group six">
 <a ng-repeat="product in products"
 data-hint="{{product.name}}|<div><ul><li ng-repeat='color in product.colors'>{{color.name}}</li> </ul></div>" href="#/product/{{product.id}}" class="tile  bg-violet" data-click="transform"  >

        <div class="tile-content icon">
            <img src="{{product.pic}}">
        </div>
        <div class="brand">
            <div class="label">{{product.name}} </div>
        </div>

    </a>

</div>