如何指示需要 DevExtreme dx-date-box？答案

【问题标题】：How do I indicate a DevExtreme dx-date-box is required?如何指示需要 DevExtreme dx-date-box？
【发布时间】：2018-05-24 20:55:36
【问题描述】：

...但是在 Angular 6 项目中这些都不适合我。似乎没有我可以设置的dx-validator（或dxValidator）属性。我用过：

@ViewChild(DxDateBoxComponent) dateBox: DxDateBoxComponent;

...获取对日期框组件的引用，但我还没有找到我可以使用的对象上的任何方法，或者我可以设置的字段来完成工作。无论this.dataBox.validator 是什么，它都需要一堆我不知道如何定义的私有字段，所以我认为它与我在我看过的示例中看到的验证器类型没有任何关系在。

【问题讨论】：

【解决方案1】：

我终于偶然发现了我正在寻找的答案。与我发现的示例不同：

<dx-date-box dx-validator="myValidatorRules"...

...没有像这样从 AngularJS 转换为 Angular：

<dx-date-box [dx-validator]="myValidatorRules"...

...我需要添加dx-validator 不是作为属性，而是作为嵌套组件：

<dx-date-box...>
  <dx-validator [validationRules]="myValidatorRules"></dx-validator>
</dx-date-box>

这样，向myValidatorRules 添加验证规则就像我看到的示例代码一样，在这种情况下需要规则{type: 'required'}。

【讨论】：