主页 / 问题 / 568032
Accepted
srghma
Asked:2020-09-19 22:37:12 +0000 UTC2020-09-19 22:37:12 +0000 UTC

rxjs, 实现方式：父级监听子元素的checked状态

  • 772

我怎么看：

父母ParentComponent和许多孩子ChildComponent通过互动IsAnyChildСheckedService

ParentComponent订阅了一个流数组并监听是否有任何状态ChildComponent变为真，如果至少有一个为真，但ParentComponent收到一个为真的通知

我试图在父级中创建一个 EventEmitter 实例并将其传递给每个子元素，但是如果子元素同时触发消息，则违反了顺序（此处讨论、代码和可能的黑客攻击）

javascript

1 个回答

  1. Best Answer

    可以通过 Observable
    IsAnyChildCheckedService实现：

    setArr(arr) {
    this.arr = arr;
}
getState(arr) {
    var self = this;

    return new Observable(observer => {
        setInterval(() => {
                if(self.isChangeArr(arr)) {  //Проверка массива
                  observer.next(true);
              }
            }, 5000);

    });
}

    父组件：

    ...
listener() {
   this.isAnyChildСheckedService.subscibe(res => {

        // res = true
   })

}

    并通过 IsAnyChildCheckedService 服务将数组传递给 ChildComponent

    • 0

相关问题