Отправьте список данных JSON из одного компонента в другой в угловом формате с помощью customEvent - PullRequest
0 голосов
/ 25 марта 2019

Здесь я собираюсь отправить некоторые данные, которые связаны в событии, из одного компонента в другой, используя customEvent в технике пузырьков. Поэтому я работал над кодом, в котором он не работает, где мне нужна помощь

Данные одного компонента:

  visibilityGrouping($event, data) {
    var elementData = [];
    if (data && data != null) {
      if (data.childRecords && data.childRecords.length) {
        data.childRecords.forEach(element => {
          if (element.childRecords && element.childRecords.length) {
            element.childRecords.forEach(child => {

              elementData.push({ eID: child.elementID })
            });
          }
          else {
            elementData.push({ eID: element.elementID })
          }
        });
      }
      else {
        // console.log(data.elementID);
        elementData.push({ eID: data.elementID })
      }
      document.dispatchEvent(new CustomEvent('groupingElementIDs', { "detail": elementData }));
      console.log("elementData")
      console.log(elementData);
    }
  }

Данные другого компонента:

that.eventHandler = that.viewer._eventHandler;
        that.groupingSubscription = new FromCustomEvent(document, 'grouping')
            .subscribe((e: any) => {
                document.addEventListener("groupingElementIDs", (e) => {
                    console.log("event");
                    console.log(e);
                })

                document.dispatchEvent(selectionFired);

            });

1 Ответ

0 голосов
/ 25 марта 2019

Есть много способов сделать это.См. Взаимодействие угловых компонентов , чтобы выбрать подходящий метод.

https://angular.io/guide/component-interaction

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...