html - 使用 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

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

<dxi-item [visible]="hasParent"