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”
,有语法上的糖分-参见