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

标签 html angular devexpress devextreme

我正在尝试使用 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>

最佳答案

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

<dxi-item [visible]="hasParent"

关于html - 使用 Angular2 DevExtreme 显示和隐藏表单元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43126403/

相关文章:

c# - 右键单击 DevExpress Xtra GridControl 列标题时如何删除菜单选项?

java - 在 JSON 对象中嵌入文件附件

javascript - 在创建 Angular 1 应用程序时,我应该牢记哪些 Angular 2 方面?

javascript - 从 jquery 中的所有后代中删除样式属性

javascript - IOS平台的nativescript应用程序在iPad上完美运行吗?

Angular 2 : call child component method

asp.net - 如何更改 XRichText 的默认字体大小?

c# - Devexpress MVC 对象作为回调参数

html - 需要将社交媒体图标与页面右侧对齐

javascript - 重新加载 div/table 以及与其关联的函数