routerLinkを角括弧で囲むのはいつですか？

Question

角度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（または任意の角2拘束）に置くと、JavaScript式として渡すものが評価されます。 routerLinkの前後に大括弧を入れていないと、それをリテラル文字列として渡します。

したがって、配列をrouterLinkに渡すか、変数を評価する場合は、角括弧を使用する必要があります。あなたは、文字列を渡したい場合は、

<a routerLink="/path"> 

OR

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

を行うことができますいずれか