Angular响应式表单无法将数据传递给子组件。
创始人
2024-10-30 07:30:17
0

为了在Angular中从父组件将数据传递到子组件中,我们可以使用@Input()装饰器来定义子组件的一个输入属性。在父组件中,我们可以使用该输入属性来传递数据。但是,在使用Angular表单时,我们可能会遇到该问题,即表单控件的值无法使用@Input()传递到子组件中。

为了解决此问题,我们可以在子组件中使用ngOnChanges()生命周期钩子来检测输入属性的更改,并在更改时更新组件的局部变量。在以下示例中,我们在子组件中创建一个名为“data”的输入属性,并在ngOnChanges()生命周期钩子中更新组件的局部变量。

父组件:

子组件:

import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';

@Component({
  selector: 'app-child',
  template: '{{ data }}'
})
export class ChildComponent implements OnChanges {

  @Input() data: string;
  value: string;

  ngOnChanges(changes: SimpleChanges): void {
    if (changes.data) {
      this.value = changes.data.currentValue;
    }
  }

}

相关内容

热门资讯

透视软件!aa poker透视... 透视软件!aa poker透视软件(透视)万能辅助器(原来存在有挂)1、在aa poker透视软件a...
透视好友房!德普之星透视辅助插... 透视好友房!德普之星透视辅助插件(透视)辅助器app(都是真的是有挂)1、许多玩家不知道德普之星透视...
透视系统!aapoker怎么设... 透视系统!aapoker怎么设置抽水(透视)透视插件(竟然有挂);1、首先打开aapoker怎么设置...
透视了解!德普之星有辅助软件吗... 透视了解!德普之星有辅助软件吗(透视)透视挂(都是真的有挂);1、德普之星有辅助软件吗系统规律教程、...
透视总结!aapoker脚本怎... 透视总结!aapoker脚本怎么用(透视)透视软件(本来是真的有挂)aapoker脚本怎么用软件透明...
透视总结!德扑之心免费透视(透... 透视总结!德扑之心免费透视(透视)透视挂(真是真的是有挂)1.德扑之心免费透视 ai辅助创建新账号,...
透视科技!aapoker辅助怎... 透视科技!aapoker辅助怎么用(透视)辅助插件工具(本来存在有挂)1、起透看视 aapoker辅...
透视透视!德普辅助器辅助器怎么... 透视透视!德普辅助器辅助器怎么用(透视)透视软件免费入口官网(切实真的有挂);1、下载好德普辅助器辅...
透视ai!aapoker透视脚... 透视ai!aapoker透视脚本下载(透视)发牌逻辑(都是存在有挂)1、玩家可以在aapoker透视...
透视有挂!德扑圈有透视吗(透视... 透视有挂!德扑圈有透视吗(透视)私人局透视(果然是真的有挂)1、起透看视 德扑圈有透视吗透明视辅助2...