Angular routerLink 无 "[]"

Question

<a [routerLink]="..."/>
<a routerLink="..."/>

我在教程中看到他们对 routerLink 属性使用了两种类型的语法。

我找不到任何说明它们之间差异的文档。

Answer 1

这是关于 Angular 非常重要的了解!当您在属性周围使用 [] 时，这意味着它等于脚本中的某个变量，如果它没有被这个 [] 覆盖，则字符串等于

这是获取TS变量到模板的两种方式

ts

export class DemoComponent implements OnInit {
    someLinkFromTheTS:string = "/home";
    }

html

<a [routerLink]="someLinkFromTheTS"/>
<a routerLink="{{someLinkFromTheTS}}"/>

如果你不想使用变量

<a routerLink="/home"/>

The brackets tell Angular to evaluate the template expression. If you omit the brackets, Angular treats the string as a constant and initializes the target property with that string.

this is a very important concept