我们可以在div内附加角形材料形式的字段吗？

Question

我有一个div标签，我想在该div内附加角形材料字段。问题是它没有呈现该标签。我们可以用任何方法做到这一点吗？

enter image description here

Answer 1

有角度的方式是具有一个对象数组，例如

data=[{placeholder:"Enter Name",label:"Name"},
      {placeholder:"Enter surname",label:"Surname"}]

做些喜欢

<mat-card *ngFor="let item of data">
   <div class="row">
     {{item.label}}<input mat-input [placeholder]="item.placeholder">
   </div>
</mat-card>

Answer 2

使用angular时，切勿手动（通过本机DOM API或jQuery）手动操作DOM。

当您在角度模板中使用组件或指令（即组件的 html ）时，它不是真正的html，而是转换为javascript。因此，当应用程序运行时，您在模板中编写了<mat-car>，并且在DOM中也看到了<mat-card>，实际上它是由angular生成的代码放到那里的，但是还发生了很多其他事情（即mat-card组件已初始化）。

当您只是将组件选择器手动放入DOM时，不会发生任何事情，因为组件没有初始化。为了使其工作，您必须使用其他组件模板中的材料组件。进一步阅读：https://angular.io/guide/architecture-components

建议：甚至根本不会将jQuery导入项目，那样您甚至都不会尝试这样做。