2016-11-28 41 views
0
<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中所使用的上述代碼印刷圖案爲* * * * *在工具提示如何打印使用angularjs星形圖案(我可以使用納克 - 重複)

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

現在,我想包括模式* ** *** **** *****在我的工具提示使用angularjs ng-repeat指令(我已閱讀文檔中它的工作原理循環)。

謝謝

回答

0

使用嵌套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

在我只是顯示的字符*答案試試以下,添加自己的造型,以顯示圖標。

+0

謝謝......它的作品..! – HK123

+0

很酷,歡迎:) –