我正在使用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>
答案 0 :(得分:0)
首先,您的HTML格式不正确,最后需要关闭DIV标记。
此外,在ng-repeat中,您的变量名称应与数组不同。我建议像: ng-repeat =&#34; p in products&#34;或ng-repeat =&#34;产品中的产品&#34;
希望这有帮助。