在 AngularJS html 模板中使用 ES6 箭头函数

Question

是否可以像这样直接在 AngularJS html 模板中使用 ES6 箭头函数？

<div ng-if="results.filter(e => e.ext == 'xml').length > 0">Text</div>

'result' 是一个带有 'ext' 属性的对象列表。到目前为止，我一直在使用 lodash，它运行良好：

<div ng-if="_.filter(results, { ext : 'xml' }).length > 0">Text</div>

但如果可能，将更改为 ES6 ...

有没有人有这方面的经验或一些提示或更好的想法？

Answer 1

ng -if 指令评估AngularJS 表达式，并且不允许使用函数声明。

\n

来自文档：

\n

\n

AngularJS 表达式与 JavaScript 表达式

\n

AngularJS 表达式类似于 JavaScript 表达式，但有以下区别：

\n

\n
• 无函数声明：您不能在 AngularJS 表达式中声明函数，即使是在ng-init指令内部也是如此。
\n

\n

如果您想运行更复杂的 JavaScript 代码，您应该将其设为控制器方法并从您的视图中调用该方法。如果您想要eval()自己使用 AngularJS 表达式，请使用该$eval()方法。

\n

\xe2\x80\x94 AngularJS 开发人员指南 - 表达式

\n

\n