Угловая директива (ng-repeat) в двойных кавычках

Question

Я использую metro 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> 

Answer 1

В начале, ваш HTML имеет неверный формат, вам нужно закрывающий тег DIV на конце.

Кроме того, в вашем ng-repeat имя переменной должно отличаться от массива. Я бы предложил что-то вроде: ng-repeat = "p в продуктах" или ng-repeat = "продукт в продуктах"

Надеюсь, это поможет.