javascript - 我如何使用 angularjs 打印星形图案(我可以使用 ng-repeat)

Question

<span name="hover-star" data-toggle="tooltip" data-placement="bottom" class="red-tooltip" data-html="true" title="<div class='row' style='font-size:10px; color:blue; '><span class='glyphicon glyphicon-star col-sm-1' style='width:3%'></span>
<span class='glyphicon glyphicon-star col-sm-1' style='width:3%'></span>
<span class='glyphicon glyphicon-star col-sm-1' style='width:3%'></span>
<span class='glyphicon glyphicon-star col-sm-1' style='width:3%'></span>
<span class='glyphicon glyphicon-star col-sm-1' style='width:3%'></span>

上面的代码我在 HTML 中使用，在工具提示中将模式打印为 * * * * *

我在 .js 文件中使用了 jquery callbyname $('span[name="hover-star"]').tooltip();用于工具提示功能

现在，我想使用 angularjs ng-repeat 指令在我的工具提示中包含模式 * ** *** **** ***** (我已在文档中读到它作为 for 循环工作)。

谢谢

Answer 1

使用嵌套的 ng-repeat 尝试以下操作

<div ng-repeat="i in getNumberPattern(numberPattern) track by $index" style="display:inline;">
  <span ng-repeat="i in getNumberPattern($index) track by $index">*</span>
</div>

查看 Plunker link

在答案中，我只是显示了字符 *，添加您自己的样式来显示图标。