Javascript ng bind html不会一次连接不同的内容（即使使用$sce.trustAsHtml（）也不会）

我试图用ng bind html将一些不同的html代码连接到我的视图

我已经添加了ngSanitize

首先，我将ng用于按ui选择选项

。我想用一些Html绑定test.name

{{TEST_BTN | translate}}

Test_BTN用于翻译，因此我不能将其从代码中删除

当我尝试在ng bind html中使用它们时，不会显示任何内容

当我尝试在ng bind中使用它们时，将显示html代码

当我尝试分别使用ng bind和ng bind html时，不会显示ng bind html

我该怎么解决这个问题呢

编辑：我试图用ng if在新的div中显示结果

类似于：它不显示ng绑定html部分

编辑2：

我从数据绑定html中删除了{{}，并在控制器中的$translate服务中显式地使用了转换

它起作用了。

不能在同一个元素上使用ng bind和ng bind html，也不能在其中任何一个元素中使用{{}。无需在ng bind html中连接标记，它应该在模板本身中。在ng bind html子句中存在一些语法错误嵌套引号问题

从您对test.name、test\u BTN或BTN\u ADD的描述中，我不清楚您实际打算使用哪一个；我假设您确实需要test.name，但如果其中一个变量包含您试图嵌入的HTML，只需将其名称替换为test.name：

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

不能在同一个元素上使用ng bind和ng bind html，也不能在其中任何一个元素中使用{{}。无需在ng bind html中连接标记，它应该在模板本身中。在ng bind html子句中存在一些语法错误嵌套引号问题

从您对test.name、test\u BTN或BTN\u ADD的描述中，我不清楚您实际打算使用哪一个；我假设您确实需要test.name，但如果其中一个变量包含您试图嵌入的HTML，只需将其名称替换为test.name：

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

---

你不应该在一个ng-bind-html中使用{{}。但是，在这种情况下，我应该如何在我的代码中使用{{BTN|U添加{翻译}？你不应该在一个ng-bind-html中使用{{}。但是，在这种情况下，我应该如何在我的代码中使用{{BTN|U添加}翻译}？嘿，丹尼尔，即使是tho。我没有使用这个解决方案：你给了我改变的想法。在阅读了你的评论之后，我删除了{{}并显式地翻译了按钮，然后它就工作了。非常感谢。嘿，丹尼尔，尽管如此。我没有使用这个解决方案：你给了我改变的想法。在阅读了你的评论之后，我删除了{{}并显式地翻译了按钮，然后它就工作了。谢谢。