ng-bind-htmlは別のものを一度に接続しません（$ sce.trustAsHtml（）でさえありません）

Question

ng-bind-htmlで別のHTMLコードをビューに接続しようとしています。

私はすでにui-select-choices

<ui-select-choices repeat="test in dataTest> 

でまず私がng-forを使用していますngSanitize

を追加しました。そして私は、コードからそれを残すことはできませんFORE一部のHTML

<small> ({{ TEST_BTN | translate }}) </small>

が翻訳の目的のために使用されているTest_BTNでtest.nameをバインドします。私はhtmlコードが表示されますng-bindでそれらのすべてを使用しようとすると

私はng-bind-html何でそれらのすべてを使用しようと

が表示されます。

ng-bindとng-bind-html seperetlyを使用しようとすると、ng-bind-html htmlは表示されません。

これを修正するにはどうすればよいですか？

編集：私は{{ }}を削除

：（ng-bind-html一部を示しdoesntの）<div data-ng-if="test.isSomething" ng-bind="test.name" ng-bind-html="' <small>({{'BTN_ADD' | translate}})</small>'" ></div>

EDIT 2：私のようなng-if

何かを持つ新しいdiv要素に結果を表示しようとしていますdata-ng-bind-htmlから、コントローラの$translateサービスで明示的に翻訳を使用しました。

それは働いた。

Answer 1

同じ要素にng-bindとng-bind-htmlを使用することはできません。いずれか一方に{{}}を使用することはできません。 ng-bind-html内の<small>タグを連結する必要はありません。テンプレート自体に含める必要があります。また、ng-bind-html節にいくつかの構文エラーネストされた引用符の問題があります。

test.name,TEST_BTNまたはBTN_ADDのいずれかを実際に使用することはあなたの説明からわかりません。私はあなたが本当にここtest.nameをしたいが、それらの他の変数の一つは、あなたが埋め込むしようとしているHTMLが含まれている場合は、ちょうどtest.nameの代わりにその名前を置き換えると仮定するつもりです：

<div ng-if="test.isSomething"> 
    <small ng-bind-html="test.name | translate"></small> 
</div>