文字列の代わりにhtmlを返すためにangle-editable関数を使用してください。

Question

角度を使用してWebアプリケーションを構築しています。私はテーブルを編集可能にする必要があるので、私はangle-xeditableを使うことに決めました。私は次の問題に遭遇しました。私のコントローラ内部の

私は機能だ：私はそれを使用する場合は

<td> 
    <span editable-select="test.element" e-name="element" e-ng-click="onElementChange()" e-form="tableform" e-multiple e-ng-options="element.id as element.name for element in elements"> 
     {{ xyz(param) }} 
    </span> 
</td> 

：関数は、編集可能なフィールド内と呼ばれているフォームやテーブルを含むHTMLビューファイルで

function xyz(param){ 
    return "<span>"+param+"</span>"; 
} 

を残念ながらテーブル内にはスパンは挿入されていませんが、HTMLコードも含まれています。

どうしたのですか。何か不足していますか？戻り値のエンコード/デコードが必要ですか？可能な解決策が見つかりませんでした。

ありがとうございました。

Answer 1

HTMLに文字列を挿入/バインドするには、代わりに角度指示「ng-bind-html」を使用する必要があります。 Angularはこの目的のための指示を提供します。これを参照してください：https://docs.angularjs.org/api/ngSanitize/service/ $は関数XYZを仮定

<div ng-bind-html="xyz(param)"></div> 

サニタイズすることは、コントローラのスコープで利用可能です。