<myview [myVariable]=myVariable *ngIf="myVariable">
</myview>
i具有上述组件模板定义,该模板将myvariaile属性绑定到myview组件的myvaria -spot。如果myvaria可以更改,则应该重新加载myview组件(构造函数或ngoninit(。它不在我的环境中,因此是否是预期行为感到困惑。该组件仅一次实例化,我希望它在父组件中对myvariable进行任何更改后刷新其值。
您可以在ngOnChanges
中获得该事件。
您需要在myview
组件中编写ngOnChanges
import { Component, OnInit, Input, AfterViewInit, OnChanges, SimpleChanges, ViewChild, Output, EventEmitter } from '@angular/core';
@Input() myVariable: any;
class myViewComponent implements OnChanges, OnInit {
ngOnChanges(changes: SimpleChanges): void {
console.log(changes.myVariable); // here you will get the updated value of myVariable
}
}
您的父组件html
<myview [myVariable]="myVariable" *ngIf="myVariable">
</myview>