Значение ng-модели не обновляется, когда я выбираю все выпадающие элементы
Моя проблема заключается в использовании ngModel для проверки. Он не работает в граничном браузере при выборе значения через опцию SelectAll.
не работает пример кода, здесь я не использовал [(значение)]:
<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. У меня есть привязать одно и то же свойство к значению и ngModel. Эта проблема решена.
Рабочий пример кода, здесь я использовал [(значение)]:
<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>
Пожалуйста, предоставьте любую идею. Я хочу знать, это поведение или нет
Workig образец ссылки: образец 1
не работает пример ссылки: пример 2
Ошибка:
если выбрать все, возникает следующая ошибка:
ОШИБКА TypeError: Невозможно получить свойство 'protectDefault' с неопределенной или нулевой ссылкой