Angularjs:ng绑定html与直接添加到html模板之间的区别

我正在尝试找出AngularJS中我的HTML模板中的以下内容之间的区别

<span ng-bind-html="'MY_TEXT' | translate">
</span>

及

{{‘我的文字’|翻译}

在我看来，两者非常相似。但是在开始编译DOM时有一点不同，如果使用表达式，则花括号会在短时间内可见，直到编译完DOM为止

ngBind

在加载页面时隐藏

在这个角度上，政府提到了这一点

ngBind属性告诉AngularJS用给定表达式的值替换指定HTML元素的文本内容，并在该表达式的值更改时更新文本内容

通常，您不直接使用ngBind，而是使用类似于{expression}}的双卷曲标记，但不太详细

如果在AngularJS编译模板之前，浏览器暂时以原始状态显示模板，则最好使用ngBind而不是{{expression}。由于ngBind是一个元素属性，因此在加载页面时，它使绑定对用户不可见

这个问题的另一个解决方案是使用ngclope指令

---

完全不同的是，当您使用expressin语法时，您需要使用ng斗篷。我一直使用这种语法。

<span>
{{ 'MY_TEXT' | translate }}
</span>