如何像 Angular Material 一样将 HTMLElement 放入组件中答案

【问题标题】：How To Put HTMLElement Inside Component Like Angular Material does如何像 Angular Material 一样将 HTMLElement 放入组件中
【发布时间】：2018-12-07 05:58:09
【问题描述】：

在 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> 元素。

通常，当我在组件中编写元素时，它会被忽略。

我该怎么做。

【问题讨论】：

你导入表单组件了吗？
stackoverflow.com/questions/42355236/… 这是您找到的一个示例。在这里，您可以正确找到如何使用的示例

标签： angular

【解决方案1】：

使用<ng-content></ng-content> 插入元素。

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

【讨论】：