@viewchild和@contentchild有什么区别？

Answer 1

我将使用Shadow DOM和Light DOM术语来回答您的问题（它来自web组件，请参阅这里的更多信息）。总的来说：

• 影子DOM-是由您（作为组件的创建者）定义并对最终用户隐藏的组件的内部DOM。例如:

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

• 轻DOM-是组件的最终用户提供给组件的DOM。例如:

@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 { /* ... */ }