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

Question

我正在尝试使用Angular的*ngIf来显示和隐藏表单字段，但是，当我这样做时，无论我给*ngIf的值是什么，整个表单都不呈现，并且没有错误抛出。显然*ngIf不是可行的方法。是否有更DevExtreme方法来做到这一点？我看到文档中有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>

Answer 1

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

<dxi-item [visible]="hasParent"