使用 angularjs 表达式在 jquery 中设置 html

Question

我们正在研究具有 angularJs 和 javascript (jquery) 组合的遗留代码。 我们需要 i18n。 通过动态设置 HTML，在一般 js 文件中发生了很多变化。 我在文本中使用 pipe 所以 angular 会处理它。 在某些情况下，它会按原样设置值，而不是使用表达式。 $("#exampleId").html("{{'exampleKey' | translate}}"); 我确信结合这些技术不是一个好主意，但我们现在不能重写代码。 有没有什么办法解决这一问题？

Answer 1

@bahar erf。 创建一个 $scope.exampleId 变量并在 #exampleId 元素中使用它会更有意义。 在 controller 中设置 $scope.exampleId 它将在视图中自动更新。 这就是 angularjs 框架的重点，它处理这些 DOM 更改，因此您不必使用 JQuery 来处理视图中的这些类型的更改。

<input ng-model="exampleId" />

or if displayed

<span>{{exampleId}}</span>`