Was ist der Unterschied zwischen @ViewChild und @ContentChild?

Werde ich beantworten Ihre Frage über Shadow DOM und Licht-DOM Terminologie (es kommen von web-Komponenten, finden Sie unter hier). Im Allgemeinen:

• Shadow DOM - ist eine interne DOM der Komponente definiert ist , indem Sie (als Schöpfer der Komponente) und versteckt von einem end-user. Zum Beispiel:

@Component({
  selector: 'some-component',
  template: `
    <h1>I am Shadow DOM!</h1>
    <h2>Nice to meet you :)</h2>
    <ng-content></ng-content>
  `;
})
class SomeComponent { /* ... */ }

• Licht-DOM - ist ein DOM, eine end-Benutzer der Komponente Versorgung in Ihre Komponenten. Zum Beispiel:

@Component({
  selector: 'another-component',
  directives: [SomeComponent],
  template: `
    <some-component>
      <h1>Hi! I am Light DOM!</h1>
      <h2>So happy to see you!</h2>
    </some-component>
  `
})
class AnotherComponent { /* ... */ }

Also, die Antwort auf Ihre Frage ist ziemlich einfach:

Den Unterschied zwischen @ViewChildren und @ContentChildren ist, dass @ViewChildren suchen nach Elementen, die im Schatten von DOM während @ContentChildren suchen Sie in Licht-DOM.

InformationsquelleAutor der Antwort alexpods

In diesem video von Winkel-Verbindung hat eine ausgezeichnete info über ViewChildren, ViewChild, ContentChildren und ContentChild
https://youtu.be/4YmnbGoh49U

@Component({
  template: `
    <my-widget>
      <comp-a/>
    </my-widget>
`
})
class App {}

@Component({
  selector: 'my-widget',
  template: `<comp-b/>`
})
class MyWidget {}

Vom my-widget's Sicht comp-a ist die ContentChild und comp-b ist die ViewChild. CompomentChildren und ViewChildren Gegenzug eine iterierbar, während die xChild Rückgabe einer Instanz.

InformationsquelleAutor der Antwort mithun_daa