Угловой 6: Создание шаблона с помощью json и способ обработки нескольких флажков
Если у кого-то такая же проблема. проблема заключалась в некотором конфликте между библиотекой карт Google Firebase и адаптированных к исходным картам. Мне пришлось несколько раз проверять удаление, меняя каждую версию сервисов Google Play, но она не работала.
Это было мое решение:
из студии android. Я изменил в файле проекта gradle:
classpath 'com.android.tools.build:gradle:3.0.1'
classpath 'com.google.gms:google-services:3.2.0'
to
classpath 'com.android.tools.build:gradle:2.2.3'
classpath 'com.google.gms:google-services:3.0.0'
Я удалил также методы jcenter () внутри репозиториев {} beccause, которые не включены в эту версию.
после этого
build > sync
build > clean
build > rebuild
, затем из powershell
react-native run-android
1 ответ
Вы можете добавить другое свойство к опциям флажка, чтобы найти, которые отмечены, как показано ниже,
options: [
{ key: 'f', label: 'Fishing', selected:false },
{ key: 'c', label: 'Cooking', selected:true}
]
и связать это свойство selected, используя ngModel
<input [(ngModel)]="option.selected" />
Обновление 1: На основе стекаблиц
Поскольку вы связываете с ngModel, вам не нужно использовать логику для переключения на истину и ложь, поэтому, пожалуйста, удалите эту логику, и я зарегистрировал содержимое, чтобы увидеть, изменяется ли оно или не так, как показано ниже
<div *ngIf="field.type=='checkbox'">
<span *ngFor="let option of field.options;let j=index">
<input name="{{field.name}}" [(ngModel)]="option.selected" type="checkbox" required="{{field.required}}" (ngModelChange)="changeData(option,field.options)" >
{{option.label}}
</span>
</div>
changeData Функция
changeData(currentOption,allOptions){
console.log(currentOption);
console.log('All options changed with ngModel',allOptions)
}
Примечание. Я использовал функцию ngModelChange, встроенную в click, чтобы увидеть изменения