angularyjs:NG-BIND-HTML内のツールチップ-HTML-UNSAFE
-
21-12-2019 - |
質問
私は開始断面に立ち往生しています:
<!-- html -->
<div class="well well-small" ng-bind-html="annotation"></div>
.
-
//Javascript
$scope.annotation = $scope.content;
for (it in words) {
var tooltip = '<ul>' +
'<li>' + words[it].info + '</li>' +
'<li>' + words[it].name + '</li>' +
'<li>' + words[it].lol + '</li>' +
'</ul>';
$scope.annotation = $scope.annotation.replace(words[it].label, "<a tooltip-html-unsafe='" + tooltip + "'>" + words[it].label + "</a>");
}
.
基本的には、注釈は文字列を取得し、「ワード」を「注釈」で表現を置き換えるためにループを置き換えますが、情報のリスト(UL)を含むツールチップを使用して。
まだ、コンテンツが表示されたとしても、青で下線を引いた単語(リンクのように)では、ツールチップが見つかりません。
私の問題がどこにあるか知っている?
たくさんありがとう!
解決
誰もこれをアニュアすることができなかったので(そしてまだ解決策がないようです)私はツールチップ-HTML-Unsafeのないツールチップ内のリストを実行するための別の方法を見つけました:
基本的には、 Unity Codes
の代わりにを使用します。'<li>' + words[i] + '</li>'
.
を手に入れる
'»' + words[i] + ' '
.
アニウェアを望んでいる2人が飽きていることを願っています(私のそば)、そうでなければ、それ以上この問題について議論することができるかもしれません。
所属していません StackOverflow