angular - 什么时候将 routerLink 括在方括号中？

Question

Angular 2 cheat sheet显示模板中带方括号和不带方括号的 routerLink 示例:

<a routerLink="/path">
<a [routerLink]="[ '/path', routeParam ]">
<a [routerLink]="[ '/path', { matrixParam: 'value' } ]">
<a [routerLink]="[ '/path' ]" [queryParams]="{ page: 1 }">
<a [routerLink]="[ '/path' ]" fragment="anchor">

功能上有什么区别？

Answer 1

当您将方括号放在 routerLink(或任何 Angular 绑定(bind))周围时，它会将您传递给它的内容作为 JavaScript 表达式求值。如果您不在 routerLink 两边加上方括号，它会将您传递给它的内容作为文字字符串。

因此，如果您想将数组传递给 routerLink 或评估变量，则必须使用方括号。如果你想传递一个字符串，你可以这样做

<a routerLink="/path">

或

<a [routerLink]="'/path'">