angularjs - ng-bind-html 与 {{插值}}

Question

这就是我的问题，优点和缺点是什么？

在我的应用程序中，我使用插值，但出现这样的错误

{{::sport.name}} -> NHL future 和体育赛事 Prop

如果我使用ng-bind-html

ng-bind-html="sport.name" -> NHL future 和 Prop

在这种情况下ng-bind-html正在做我想要的事情。但是，是不是有什么问题呢？

有一个比另一个更好吗？

所以请告诉我，我愿意接受建议。

Answer 1

实际上 ng-bind 和 ng-bind-html 之间的主要区别在于用例。ng-bind 将只显示变量的文本解释，但 ng-bind-html 将解释变量中的 html。

假设我们在您的作用域中有一个变量

 $scope.myText = "<b>Hi</b>";

ng-bind 或 {{}} 将显示

 <b>Hi</b>

ng-bind-html 将显示

嗨

另一个精度是 ng-bind-html 可以清理你的 html 以防止代码注入(inject)。