2

我的问题是使用ngModel 进行验证时。通过 SelectAll 选项选择一个值时,它在边缘浏览器中不起作用。

不工作的示例代码,这里我没有使用[(value)]

<ejs-multiselect id='multiselect-checkbox' #checkbox [dataSource]='countries' name='formRequired' [placeholder]='checkWaterMark' (change)='onMultiChange(projectInfoTypeId, projectInfoText)' [fields]='checkFields'
                [mode]='mode' [popupHeight]='popHeight' [showDropDownIcon]='true' showSelectAll='true' [(ngModel)]='ProjectTypeId' #projectInfoTypeId='ngModel' [filterBarPlaceholder]='filterPlaceholder' required ></ejs-multiselect>
        </div>
        <div *ngIf="projectInfoTypeId.errors?.required" class="validationText">
                                country is required.
                            </div>

我已经验证了这个问题,并怀疑的变化没有反映ngModel。我将相同的属性绑定到 value 和 ngModel。此问题已解决。

工作示例代码,这里我使用[(value)]

<ejs-multiselect id='multiselect-checkbox' #checkbox [dataSource]='countries' name='formRequired' [placeholder]='checkWaterMark' (change)='onMultiChange(projectInfoTypeId, projectInfoText)' [fields]='checkFields'
                [mode]='mode' [popupHeight]='popHeight' [showDropDownIcon]='true' showSelectAll='true' [(value)]='ProjectTypeId' [(ngModel)]='ProjectTypeId' #projectInfoTypeId='ngModel' [filterBarPlaceholder]='filterPlaceholder' required ></ejs-multiselect>
        </div>
        <div *ngIf="projectInfoTypeId.errors?.required" class="validationText">
                                country is required.
                            </div>

请提供任何想法。我想知道,这是不是一种行为

工作示例链接: 示例 1

不工作示例链接: 示例 2

错误:

如果全选,会出现以下错误:

错误类型错误:无法获取未定义或空引用的属性“preventDefault”

4

0 回答 0