獲取子元素或組件的焦點信息

Question

我有一個組件，它可能有多個相同級別的子組件，例如

<parent>
  <input />
  <child>
    <input />
  </child>
  <child></child>
  <child></child>
</parent>

child 或 parent 都可以有input元素。

我試圖得到的是，如果任何輸入元素獲得焦點，那么它的父元素應該得到一個調用（手動除外）。 如果子組件獲得了這個輸入獲取焦點的信息，應該能夠在不使用EventEmitter情況下將其傳播給父EventEmitter 。

我可以使用事件發射器，但如果孩子的嵌套增加，那么這不是一個好方法。 我們可以做得更簡單嗎？

Answer 1

用：

@ViewChild以獲取對 Childs 的引用並從 Parent 訪問他們的數據。

@Input將數據從父級傳遞給子級。

@Output以觸​​發從 Childs 到 Parent 的事件。

如果您不想使用 @Output，則可以使用的解決方法是 RxJS BehaviorSubject （ 此處的示例）。 基本上，您使用該 BehaviorSubject 從子級發出值，然后從父級訂閱這些更改。