angular使用
组建传值
需求:父页面的改动,刷新子组建(子组建刷新页面即重新获取页面数据)
父组件
<app-store-manage [refreshFlag]="refresh"></app-store-manage>
子组建
@Input() set refreshFlag(refresh: string) {
this.getDataList();
};
or
@Input() refreshFlag: string;
ngOnChanges(changes: { [refreshFlag: string]: SimpleChange }) {
this.getDataList();
}
第一种方式,监听set方法;
第二种方式changes中可以获得三个属性的值
currentValue,firstChange,previousValue