相关疑难解决方法(0)

Angular 2:如何检测数组中的变化?(@input属性)

我有一个父组件,它使用ajax请求检索对象数组.

该组件有两个子组件:其中一个组件以树形结构显示对象,另一个组件以表格格式呈现其内容.父级通过@input属性将数组传递给子级,并且它们正确显示内容.一切都如预期的那样.

更改对象中的某个字段时会发生此问题:子组件未通知这些更改.只有在手动将数组重新分配给其变量时才会触发更改.

我习惯使用Knockout JS,我需要获得类似于observableArrays的效果.

我读过一些关于DoCheck的内容,但我不确定它是如何工作的.

javascript typescript angular

57
推荐指数
5
解决办法
5万
查看次数

为什么angular 2 ngOnChanges没有响应输入数组推送

我的角度应用程序遇到了问题,我使用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)

angular2-template ngonchanges angular

23
推荐指数
3
解决办法
1万
查看次数