角routerLink w/o "[]“

Question

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

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

我找不到任何文件来说明它们之间的区别。

Answer 1

这是一个非常重要的东西，了解角！当您在属性周围使用[]时，它意味着它等于脚本中的某个变量，如果它没有包含在这个[]中，则表示字符串等于

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

ts

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

html

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

如果您不想使用变量

<a routerLink="/home"/>

括号告诉角来计算模板表达式。如果省略括号，角将字符串视为常量，并使用该字符串初始化目标属性。这是一个非常重要的概念。

Answer 2

来自角导轨

记住括号 括号告诉角来计算模板表达式。如果省略括号，角将字符串视为常量，并使用该字符串初始化目标属性。它不计算字符串！