Радио-кнопка проверена, переопределена ngModel

При объявлении ngModel для группы радио, кажется, что он переопределяет выбор переключателя по умолчанию, назначенный [checked] = "true"

     <!--Radio buttons for units-->
      <ion-list-header style = "color: white">
        Units
      </ion-list-header>
   <ion-list radio-group [(ngModel)] = "units">
   
    <ion-item>
      <ion-label>Metric</ion-label>
      <ion-radio [checked] = "true"  value= "metric"></ion-radio>
    </ion-item>
    <ion-item>
      <ion-label>Imperial</ion-label>
      <ion-radio value = "imperial"></ion-radio>
    </ion-item>
  </ion-list>

Поэтому по умолчанию нет отмеченной кнопки, когда группа кнопок находится в поле зрения.

Я попытался поместить ngModel в тег переключателя, тег ion-item, оба метода вызывают исключение:

Uncaught Error: Uncaught (в обещании): Ошибка: нет средства доступа к значению для элемент управления формы с неуказанным атрибутом имени _throwError@http://localhost:8100/build/vendor.js:27548:20

Любая информация приветствуется.

angular ionic3 radio-button angular-ngmodel

23.12.2020 20:17

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

970

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Поскольку вы привязываете группу переключателей к свойству units, вам не нужно использовать атрибут checked в своем шаблоне.

Чтобы выбрать один из вариантов по умолчанию, вам просто нужно присвоить значение этого параметра свойству units:

private someFunction(): void {
  // ...
  this.units = 'metric'; 
}

<!--Radio buttons for units-->
<ion-list-header style = "color: white">
  Units
</ion-list-header>
<ion-list radio-group [(ngModel)] = "units">
  <ion-item>
    <ion-label>Metric</ion-label>
    <ion-radio value= "metric"></ion-radio>
    </ion-item>
  <ion-item>
    <ion-label>Imperial</ion-label>
    <ion-radio value = "imperial"></ion-radio>
  </ion-item>
</ion-list>

24.12.2020 10:17

Другие вопросы по теме

Приложение IONIC Cordova выдает ошибку экспорта Android

Android Studio показывает обнаруженный повторяющийся класс

Ionic3 Stripe возвращает код ошибки «AccessDenied»

Как отсортировать список объектов, полученный из базы огня?

Листовка не загружает плитки

Ionic3 super starter ngx-translation не работает на реальном устройстве Android

Оповещение Ionic3 с вводом текста и переключателем

Отображение записей из пожарной базы, даты которых не прошли

Возникли проблемы с использованием событий кликов с ionic-calendar 2

Изменения не отражаются в приложении Ionic 3 даже после успешной сборки

Радио-кнопка проверена, переопределена ngModel

Ответы 1

Другие вопросы по теме

Похожие вопросы