html - 使用Angular2 DevExtreme显示和隐藏表单元素

我试图使用Angular的*ngIf来显示和隐藏表单字段，但是，当我这样做时，无论我给*ngIf的值是多少，整个表单都不会呈现，也不会抛出错误。很明显，*ngIf不是解决问题的办法。有更先进的方法吗？我看到文档中有一个visible，但我不想隐藏它。
HTML格式

<dx-form id="companyDetailsForm" [(formData)]="company" [showColonAfterLabel]="false">
  <dxi-item dataField="Name">
    <dxi-validation-rule type="required" message="Name is required"></dxi-validation-rule>
  </dxi-item>
  <dxi-item *ngIf="hasParent" dataField="Parent" caption="Parent">
    <dxo-label text="Parent"></dxo-label>
  </dxi-item>
</dx-form>

最佳答案

请改用visible属性，*ngIf在DX表单中不起作用。

<dxi-item [visible]="hasParent"