Angular子组件的验证状态未传播到主组件。
创始人
2024-11-01 13:00:16
0次
  1. 在子组件中使用@Output()修饰符定义一个事件，当表单验证状态改变时触发此事件。 示例代码：

@Output() formValid: EventEmitter = new EventEmitter();

onFormValidation(): void { this.formValid.emit(this.formGroup.valid); }

  1. 在主组件中，使用@ViewChild装饰器来访问子组件，并在ngAfterViewInit生命周期钩子中监听子组件的formValid事件。 示例代码：

@ViewChild(ChildComponent) childComponent: ChildComponent;

ngAfterViewInit() { this.childComponent.formValid.subscribe(isValid => { this.isValidForm = isValid; }); }

  1. 在HTML模板中使用isValidForm变量来控制提交按钮是否可用。 示例代码：

上一篇：Angular子组件超出屏幕范围

下一篇：Angular子组件调用父组件函数，然后父组件将数据传递给子组件。

相关内容

热门资讯

透视详细"购买的wp... 透视详细"购买的wpk辅助在哪里下载"一贯真的有辅助工具(哔哩哔哩)1、超多福利：超高返利，海量正版...
透视普及"wepok... 透视普及"wepoker透视版下载"好像存在有辅助软件(哔哩哔哩)1、实时wepoker透视版下载透...
透视揭露"pokem... 透视揭露"pokemmo脚本最新版"其实是真的辅助软件(哔哩哔哩)小薇（辅助器软件下载）致您一封信；...
透视开挂"poker... 透视开挂"poker world辅助"本来是真的辅助插件(哔哩哔哩)在进入poker world辅助...
透视解谜"wpk安卓... 透视解谜"wpk安卓下载辅助"切实真的是有辅助攻略(哔哩哔哩)1）wpk安卓下载辅助免费钻石：进一步...
透视详细"wepok... 透视详细"wepoker有辅助工具吗"一直有辅助教程(哔哩哔哩)1、用户打开应用后不用登录就可以直接...
透视详情"hhpok... 透视详情"hhpoker到底可以作必弊吗"真是存在有辅助方法(哔哩哔哩)1）hhpoker到底可以作...
透视科普"wepok... 透视科普"wepoker永久免费脚本"一贯有辅助插件(哔哩哔哩)1、用户打开应用后不用登录就可以直接...
透视透视"xpoke... 透视透视"xpoker辅助神器"一贯真的是有辅助教程(哔哩哔哩)1、每一步都需要思考，不同水平的挑战...
透视揭露"wpk有作... 透视揭露"wpk有作必弊吗"真是存在有辅助方法(哔哩哔哩)1、wpk有作必弊吗辅助器安装包、wpk有...