angular - oncheckbox 检查事件使用角度 4 中的事件将数据从一个组件发送到另一个组件
问题描述
我有组件 1 和组件 2,组件 1 有多个复选框,组件 2 有一组默认禁用的按钮。当我将选中多个复选框中的一个复选框时,它会将布尔数据从 componet1 发送到 componet2。使用角度 4。
o/p 应该是 => Componet2 获取每个 componet1 的复选框选中事件的值
示例代码:
constructor( private popsetcardcomponent: PopsetCardComponent)
{
popsetcardcomponent.checking.subscribe(() => {
this.onCheck(popsetcardcomponent);
});
}
解决方案
您可以使用 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;
});
}
推荐阅读
- django-models - 在创建新类 Airport 并在 makemigrations 引发 IntegrityError 后迁移它时对航班进行一些更改之后
- http-status-code-500 - zappa:对“/”的 GET 请求产生了 500 响应代码
- python - 如何在匹配条件的 2 列中获取具有相同值且在其他两列中具有不同值的行
- google-chrome-extension - 后台脚本和隐身后台脚本之间的通信(使用“隐身”时:“拆分”模式)
- c++ - 与同一数据库建立两个连接时出现“mysql服务器已消失”错误
- php - accounts.google.com 在 Laravel 社交名流中重定向您的次数过多
- angular7 - Ngfor 循环内的条件
- python - 在烧瓶中使用 Sqlalchemy 过滤 Json Postgres 列(从字符串类型转换为 Json 之后)
- typescript - 基于比较的通用类型保护
- c# - 如何防止简单的 CORS GET 请求访问我的 ASP.Net Core API 服务器上的操作方法?