Angular2: 在模板中我们可以插值哪些表达式

Question

我看到我们可以插入JavaScript表达式。我们可以插入哪些有效的JavaScript表达式？到目前为止，我只有显示属性例如object.property，简短的表达式如{{1+1}}，还有哪些JavaScript表达式可以插值？

- blackHawk

Answer 1

在Angular2中，表达式与Angular中的表达式非常相似。

禁止具有副作用的JavaScript表达式，包括：

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

此外，不支持位运算符如|或&

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

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

- Richard Hamilton

---

你的答案是正确的，但他在问关于Angular2的问题 - 即，文档链接不正确。 - yusijs

分号似乎在Angular 5中是允许的，至少在(event)=""处理程序中是这样。 - jcairney

Answer 2

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

- Nageswara Rao Maridu