angular - Angular - 解包组件模板

Question

编辑：GitHub 上的有趣讨论- Angular

目前我有一个@Component模板，例如

selector: 'app-input',
template: `
  <nz-form-item>
    <nz-form-control [nzSm]="14" [nzXs]="24">
      <input [formControl]="formControl">
    </nz-form-control>
  </nz-form-item>
`,

然后@Component将其用作

<form nz-form [formGroup]="formGroup">
  <app-input [formControlName]="name"></app-input>
  <app-input [formControlName]="code"></app-input>
  ...

但是，NG-ZORRO 样式只有在nz-form-item直接嵌套在下面时才能正确应用nz-form

<form nz-form ...
  <nz-form-item ...

截至目前，布局是

<form nz-form ...
  <app-input ...
    <nz-form-item ...

有没有办法解开app-input模板？
或者，是否有另一种方法可供选择？

标签： angular