2016-11-28 2 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> 

私はツールチップどのように私は私が持っているangularjs(私はNG・リピートを使用することができます)

で* * * * *などのパターンを印刷するためにHTMLで使用している上記のコードを使用してスターパターンを印刷することができます私の.jsファイルでjqueryのcallbynameを使用しました $( 'span [name = "hover-star"]')。tooltip();ツールチップの機能のために

ここで、anglejs 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

クール、歓迎:) –

関連する問題