所需的验证不适用于angular中的kendo-combobox

Question

我正在使用angular 5的Kendo combobox，我想知道是否有方法可以对这个控件应用一些验证，我尝试过使用required属性，但它不起作用，因为kendo-combobox没有诸如.valid这样的属性来检查它是否有效

 <kendo-combobox required #nameInput   [data]="availableCompanies" textField="displayText" valueField="value" [(value)]="company.selectedItem" 
                [filterable]="true"  
                [allowCustom]="true" [valueNormalizer]="valueNormalizer"  >
              </kendo-combobox>

Answer 1

您应该使用模板或反应式forms来应用验证。对于反应式表单，here演示了对组合框使用所需的验证。

Answer 2

您可以设置验证规则以强制选择项目：

$("form").kendoValidator({
            rules: {
                invalidSelection: function (input) {
                    if (input.is("[name=COMBO_NAME]")) {
                        if (input.val() != "" && $("#TCOMBO_NAME").data("kendoComboBox").selectedIndex == -1) {
                            return false;
                        }
                    }
                    return true;
                }
            }
        });

这样，它就可以遍历表单的所有字段，从而能够为每个字段建立规则。致以问候。