Angular2：我们可以在模板中插入哪些表达式

Question

我读到我们可以插入 Javascript 表达式。我们可以插入的有效 Javascript 表达式列表是什么？到目前为止，对于插值，我显示了 属性，例如。 object.property，像 {{1+1}} 这样的短表达式我们还可以插入什么 Javascript 表达式？

Answer 1

Angular2 中的表达式在允许的范围方面与 Angular 中的表达式非常相似。

JavaScript 禁止宣传副作用的表达，包括

• 赋值 (= +=, -=)
• 使用 new 关键字
• 使用分号或逗号链接表达式
• 递增 (++) 和递减运算符

此外，不支持 | 或 &

等按位运算符

通常，将复杂的 JavaScript 逻辑放在控制器或组件中而不是视图中是个好主意。这是因为 Separation of Concerns 设计原则并使代码更加模块化和可读性。

https://angular.io/docs/ts/latest/guide/template-syntax.html#!#template-expressions

Answer 2

您可以使用 Angular 2 个默认管道来评估插值内的表达式。请参考以下link https://www.npmjs.com/package/angular2-pipes#sum