首页 > 解决方案 > oncheckbox 检查事件使用角度 4 中的事件将数据从一个组件发送到另一个组件

问题描述

我有组件 1 和组件 2,组件 1 有多个复选框,组件 2 有一组默认禁用的按钮。当我将选中多个复选框中的一个复选框时,它会将布尔数据从 componet1 发送到 componet2。使用角度 4。

o/p 应该是 => Componet2 获取每个 componet1 的复选框选中事件的值

示例代码:

 constructor( private popsetcardcomponent: PopsetCardComponent) 
 {
    popsetcardcomponent.checking.subscribe(() => {
         this.onCheck(popsetcardcomponent);
    });
 } 

标签: angular

解决方案


您可以使用 rxjs Subject来实现

import { Subject } from 'rxjs/Subject';

创造commonService.ts

subject = new Subject<any>();

在你的componet1.ts

commonService.subject.next('change');

并在您componet2.ts订阅ngOnInit()

ngOnInit() {

    this.commonService.subject.subscribe(res => {
            this.some_var = res;
    });
}

推荐阅读