双引号内的 Angular 指令（ng-repeat）答案

【问题标题】：Angular directive (ng-repeat) within double quotes双引号内的 Angular 指令（ng-repeat）
【发布时间】：2015-01-29 12:28:27
【问题描述】：

我正在使用 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>

【问题讨论】：

标签： angularjs angularjs-ng-repeat metro-ui-css

【解决方案1】：

首先，您的 HTML 格式不正确，您需要一个结束的 DIV 标记。

另外，在您的 ng-repeat 中，您的变量名应该与数组不同。我建议像： ng-repeat="p in products" 或 ng-repeat="product in products"

希望这会有所帮助。

【讨论】：