Angular2：我们可以在模板中插入什么表达式

Question

我读到我们可以插入Javascript表达式。我们可以插入的有效Javascript表达式列表是什么？到目前为止，插值我有一个显示的属性，例如。 <nav class="NavMenu"> <ul> <li> <a href="EngHome.html"> My Bilingual Library </a> </li> <li> <a> Find Books </a> <ul> <li> <a href="Elementary.html"> Elementary </a> <ul> <li> <a href="ElemPict.html"> Picture Books </a> </li> <li> <a href="ElemFict.html"> Fiction Books </a> </li> <li> <a href="ElemNFict.html"> Non-Fiction Books </a> </li> <li> <a href="ElemChapt.html"> Chapter Books </a> </li> </ul> </li> <li> <a href="MidSchool.html"> Middle School </a> <ul> <li> <a href="MidAdventure.html"> Adventure </a> </li> <li> <a href="MidFantasy.html"> Fantasy </a> </li> <li> <a href="MidNonFict.html"> Non-Fiction </a> </li> <li> <a href="MidRealFict.html"> Realistic Fiction </a> </li> <li> <a href="MidBiography.html"> Biography </a> </li> </ul> </li> <li> <a href="HighSchool.html"> High School </a> <ul> <li> <a href="HighAdven.html"> Adventure </a> </li> <li> <a href="HighFantasy.html"> Fantasy </a> </li> <li> <a href="HighThrill.html"> Thriller </a> </li> <li> <a href="HighMystery.html"> Mystery </a> </li> <li> <a href="HighPoetry.html"> Poetry </a> </li> <li> <a href="Comedy.html"> Comedy </a> </li> </ul> </li> </ul> </li> <li> <a href="Favorites.html"> Favorites </a> </li> <li> <a href="Contact.html"> Contact </a> </li> <li> <a href="Howto.html"> How to </a> </li> <li style="float:right"> <a href="SpanHome.html"> Espa&#241;ol? </a> </li> </ul> </nav>，像object.property这样的简短表达式我们可以插入其他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默认管道来评估插值内的表达式。请参考以下链接 https://www.npmjs.com/package/angular2-pipes#sum