angularjs - 如何在 Angular 中将 ngBind 与多个过滤器一起使用

Question

我有一个data.type绑定的 ngModel，我想先对其应用过滤器actionType，然后添加前缀，最后将其传递给localize过滤器。

就像是：

<h3 data-ng-bind="'prefix.' + {{ data.type | actionType}} | localize "></h3>

因此，例如，如果actionType过滤器返回my-action-type，那么我想传递prefix.my-action-type给localize过滤器。

有没有办法做到这一点？

谢谢

Answer 1

您可以通过将表达式括在括号中来控制角度表达式中的操作顺序，就像在 javascript 中一样。

如果您有嵌套的括号，它们会在包含括号的之前执行，并且应该从左到右发生。

<h3 data-ng-bind="('prefix.' + (data.type | actionType)) | localize "></h3>