括号，无括号，中括号的区别

[22cgreen]

在angular我们经常看到有<ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed" (click)="test()" on-click="test2()"> 1、nz-menu 没有括号没有附值。 2、nzTheme="dark"没括号有附值。 3、[nzInlineCollapsed]="isCollapsed"有中括号有附值。 4、(click)="test()" 小括号、还有不带括号的on-click 这些有什么区别？

[asnowwolf]

1、nz-menu 没有括号没有附值。 应用 nz-menu 指令

2、nzTheme="dark"没括号有附值。 应用 nzTheme 指令并且把 dark 作为字符串赋值给这个指令的 nzTheme 属性（比如 @Input('nzTheme') theme: string），等价于 [nzTheme]="'dark'"

3、[nzInlineCollapsed]="isCollapsed"有中括号有附值。 应用 nzInlineCollapsed 指令，并且把 isCollapsed 属性绑定到这个指令的 nzInlineCollapsed 属性（同上）

4、(click)="test()" 小括号、还有不带括号的on-click 两者等价，不过建议只用前者。后面的版本会把后者弃用。