如何將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