Html 子组件值未在角度2中设置?
因此,我将子组件的值标记为:Html 子组件值未在角度2中设置?,html,angular,Html,Angular,因此,我将子组件的值标记为: @Input flag; 然后在特定的方法中,我有: myParentComponent.flag = true; 然后在父组件的html中,我有: <app-childComponent-template [flag] = flag ></app-childComponent-template> )多次,但一切似乎都相应匹配 谢谢大家! 语法[flag]表示它是单向数据绑定:父级将把对标志的更改推送到子级。但是更改子级的@输入标志变量
@Input flag;
然后在特定的方法中,我有:
myParentComponent.flag = true;
然后在父组件的html中,我有:
<app-childComponent-template [flag] = flag ></app-childComponent-template>
)多次,但一切似乎都相应匹配
谢谢大家! 语法[flag]
表示它是单向数据绑定:父级将把对标志的更改推送到子级。但是更改子级的@输入标志
变量不会向父级发出更改
为此,您需要在子组件中使用@Output
:
@Input('flag') flag;
@Output('flag') flagChanged = new EventEmitter<boolean>();
this.flagChanged.emit(newFlagValue);
<app-childComponent-template [flag]="flag" (flag)="onFlagChanged($event)"></app-childComponent-template>
onFlagChanged(newValue) {
alert(`New flag value: ${newValue}`);
}
最后,要了解父组件中的更改:
@Input('flag') flag;
@Output('flag') flagChanged = new EventEmitter<boolean>();
this.flagChanged.emit(newFlagValue);
<app-childComponent-template [flag]="flag" (flag)="onFlagChanged($event)"></app-childComponent-template>
onFlagChanged(newValue) {
alert(`New flag value: ${newValue}`);
}
onFlagChanged(newValue){
警报(`New标志值:${newValue}`);
}
语法[flag]
表示它是单向数据绑定:父级将更改推送到子级。但是更改子级的@输入标志
变量不会向父级发出更改
为此,您需要在子组件中使用@Output
:
@Input('flag') flag;
@Output('flag') flagChanged = new EventEmitter<boolean>();
this.flagChanged.emit(newFlagValue);
<app-childComponent-template [flag]="flag" (flag)="onFlagChanged($event)"></app-childComponent-template>
onFlagChanged(newValue) {
alert(`New flag value: ${newValue}`);
}
最后,要了解父组件中的更改:
@Input('flag') flag;
@Output('flag') flagChanged = new EventEmitter<boolean>();
this.flagChanged.emit(newFlagValue);
<app-childComponent-template [flag]="flag" (flag)="onFlagChanged($event)"></app-childComponent-template>
onFlagChanged(newValue) {
alert(`New flag value: ${newValue}`);
}
onFlagChanged(newValue){
警报(`New标志值:${newValue}`);
}
通过“结转到父组件”您的意思是,当您更新子组件中的字段时,您希望它也反映在父组件中?是的。对不起,我有时会用我自己的行话来描述事情。所谓“结转到父组件”,你的意思是当你更新子组件中的字段时,你希望它也反映在父组件中?是的。对不起,我有时会用我自己的行话来描述事情。这太棒了,谢谢!那么我需要@Input吗?我不需要家长向孩子推送任何东西。如果你不从家长与孩子沟通,你不需要在孩子中使用@Input()
。@RainyAngel如果你最终向孩子提供标志
,但只想让孩子和家长的字段同步,你可以签出“双向绑定”-对于被称为“盒子里的香蕉”的[flag]=“flag”(flag)=“flag=$event”
,有语法上的糖分-看这太棒了,谢谢!那么我需要@Input吗?我不需要家长向孩子推送任何东西。如果你不从家长与孩子沟通,你不需要在孩子中使用@Input()
。@RainyAngel如果你最终向孩子提供标志
,但只想让孩子和家长的字段同步,你可以签出“双向绑定”-对于被称为“盒子里的香蕉”的[flag]=“flag”(flag)=“flag=$event”
,有语法上的糖分-参见