javascript - AngularJS 中的一种 HTML 绑定(bind)方式

Question

我曾经使用 ng-bind (或简写 {{}})将一些文本绑定(bind)到跨度中。

<p>Preview: <span>formattedPrice(price)</span></p>

如您所见，我在绑定(bind)时调用了 formattedPrice 函数。现在我意识到我应该能够在这个范围中添加一些 HTML。我尝试了 ng-bind-html="formattedPrice(price)" 但这似乎并没有解决问题。

有没有办法可以在不创建另一个作用域变量的情况下做到这一点？

Answer 1

您应该使用过滤器。

像这样:

<p>Preview: <span>{{price | formatted}}</span></p>

示例过滤器:

angular.module('myFilters', []).filter('formatted', function() {
  return function(input) {
    //return your formatted price here
  }
}