Angular 6 [[property)]是什么意思

时间:2018-11-30 11:06:12

标签: angular

我正在使用角度6,在Prime NG模块中,它们具有类似[[visible)] =“ displayAddDialog”的参数,我想了解“ [(“)的含义。我知道如果我们想绑定输入我们使用[],对于输出,我们使用()。但是我不知道[()]。请帮助我理解,如果可能,请举个例子

2 个答案:

答案 0 :(得分:5)

基本上,“ [()]”表示两者。最好的例子是当您使用ngModel时。

doc中所述:

<app-sizer [(size)]="fontSizePx"></app-sizer>

等效于:

<app-sizer [size]="fontSizePx" (sizeChange)="fontSizePx=$event"></app-sizer>

答案 1 :(得分:0)

这意味着角度2+版本中的两个绑定

[(target)]="expression"

除插值以外的绑定类型的目标名称在等号的左侧,可以用标点符号([],())包围,也可以使用前缀(bind-,on-,bindon-)开头。

目标名称是属性的名称。它看起来像属性的名称,但从来没有。要了解它们之间的区别,您必须开发一种新的方式来考虑模板HTML。

<input type=text [(ngModel)]="user.name" [value]="user.id"/>