Javascript angular2中使用的“[()]”语法是什么?

Javascript angular2中使用的“[()]”语法是什么?,javascript,typescript,angular,Javascript,Typescript,Angular,我知道我们用 ()用于检测事件,如 <div (click)="doSomething()"> 但是除了ng模型中的双向绑定之外,我们还使用了什么呢 有通用用法吗?它是双向绑定。签出他们的: 设置双向数据绑定。相当于: 它是双向绑定的。签出他们的: 设置双向数据绑定。相当于: 与NgModel一起使用时,[()]在组件属性和DOM表单元素之间设置双向数据绑定。我们对组件属性所做的任何更改都会自动传播到DOM,对表单元素(即DOM)所做的任何更改都会自动传播到组件属性 与组件一起使

我知道我们用

()
用于检测事件,如

 <div (click)="doSomething()">
但是除了ng模型中的双向绑定之外,我们还使用了什么呢


有通用用法吗?

它是双向绑定。签出他们的:

设置双向数据绑定。相当于:


它是双向绑定的。签出他们的:

设置双向数据绑定。相当于:


与NgModel一起使用时,
[()]
在组件属性和DOM表单元素之间设置双向数据绑定。我们对组件属性所做的任何更改都会自动传播到DOM,对表单元素(即DOM)所做的任何更改都会自动传播到组件属性

与组件一起使用时,
[()]
在父组件属性和子组件属性之间设置双向数据绑定。我们对父组件属性所做的任何更改都会自动传播到DOM。但是,我们对子组件属性所做的任何更改都不会自动传播到父组件–我们必须使用
emit()
。所以它和NgModel有点不同

子组件必须定义输入属性和输出属性,即EventEmitter。如果输入属性名为
x
,则输出属性必须名为
xChange
。子组件必须通过调用
xChange.emit(newValue)
显式发出对
x
的任何更改

之所以需要命名,是因为
[(childProp)]=“parentProp”
[childProp]=“parentProp”(childPropChange)=“parentProp=$event”
的缩写


如果需要在从子对象发出新值时在父对象中执行某些逻辑,则需要使用扩展形式:
[childProp]=“parentProp”(childPropChange)=“doSomething($event)”

当与NgModel一起使用时,
[()]
在组件属性和DOM表单元素之间设置双向数据绑定。我们对组件属性所做的任何更改都会自动传播到DOM,对表单元素(即DOM)所做的任何更改都会自动传播到组件属性

与组件一起使用时,
[()]
在父组件属性和子组件属性之间设置双向数据绑定。我们对父组件属性所做的任何更改都会自动传播到DOM。但是,我们对子组件属性所做的任何更改都不会自动传播到父组件–我们必须使用
emit()
。所以它和NgModel有点不同

子组件必须定义输入属性和输出属性,即EventEmitter。如果输入属性名为
x
,则输出属性必须名为
xChange
。子组件必须通过调用
xChange.emit(newValue)
显式发出对
x
的任何更改

之所以需要命名,是因为
[(childProp)]=“parentProp”
[childProp]=“parentProp”(childPropChange)=“parentProp=$event”
的缩写


如果需要在从子对象发出新值时在父对象中执行某些逻辑,则需要使用扩展形式:
[childProp]=“parentProp”(childPropChange)=“doSomething($event)”

在一个框中!约翰爸爸是个有趣的家伙。盒子里装着香蕉!约翰爸爸是个有趣的家伙。
 <div (blur)="doSomethingElse()">
<div>{{a_variable_i_want_to_show}}</div>