我有一个父组件,它使用ajax请求检索对象数组.
该组件有两个子组件:其中一个组件以树形结构显示对象,另一个组件以表格格式呈现其内容.父级通过@input属性将数组传递给子级,并且它们正确显示内容.一切都如预期的那样.
更改对象中的某个字段时会发生此问题:子组件未通知这些更改.只有在手动将数组重新分配给其变量时才会触发更改.
我习惯使用Knockout JS,我需要获得类似于observableArrays的效果.
我读过一些关于DoCheck的内容,但我不确定它是如何工作的.
我的角度应用程序遇到了问题,我使用input作为数组,并在click事件出现时将值推送到数组.但是当数组推送完成时,ngOnChanges不会触发.有没有办法解雇ngOnChange
我的代码是ts文件
@Component({
selector: 'adv-search',
templateUrl: './app/modules/result.html'
})
export class InputComponent {
@Input() metas:any=[];
ngOnChanges() {
console.log(this.metas);
}
}
Run Code Online (Sandbox Code Playgroud)
我的选择标签
<adv-search [metas] = "metaIds"></adv-search>
Run Code Online (Sandbox Code Playgroud)
单击事件代码
insertIds(id:any) {
metaIds.push(id);
}
Run Code Online (Sandbox Code Playgroud)