首页 > 解决方案 > Angular 8 - 通过从父组件传递数据在运行时动态填充子组件中的元素

问题描述

我有一个 json 作为 @Input() 传递给子组件。子组件根据 JSON 中的值呈现元素。稍后我需要将更多值传递给 json,(根据用户选择在运行时获取数据)。或者以某种方式使用这些动态值来填充子组件中的元素。我怎样才能做到这一点?它是一个带有数组和对象的嵌套 Json,所以我不能直接使用 [(ngModel)] 来对应 JSON 中的值。一旦 @Input() 第一次收到它的值,ngOnChanges() 就不会被触发。

有没有其他方法可以解决主要问题?

标签: jsonangular8

解决方案


Input() object : any ; //Supposing your nested JSON coming in object
ngOnChanges(changes: SimpleChanges) {
    if (changes && changes.object ) {
      this.pc1IDInput = changes.object.currentValue;
     //Call relevant method here 
      this.relevantMethod();
    }
  }

推荐阅读