如何将HTMLElement像Angular Material一样放在组件内部

Question

在AngularMaterial中，我看到了这样的代码。

<form class="example-form">
  <mat-form-field class="example-full-width">
    <input matInput placeholder="Favorite food" value="Sushi">
  </mat-form-field>
</form>

<mat-form-field>组件内部有<input>元素。

通常，当我在组件内部编写元素时，它将被忽略。

我怎样才能做到这一点。

Answer 1

使用<ng-content></ng-content>放置元素。

https://medium.com/claritydesignsystem/ng-content-the-hidden-docs-96a29d70d11b