input [radio] в Angular.js проблемы не определены и не проверены

0

У меня две проблемы (возможно, из-за одной и той же ошибки):

1.) Я не могу по умолчанию проверить один переключатель на моей странице html. Все три радиобокса не сняты.

2.) В моем коде значение для selectedValue всегда не определено. Другое значение имени пользователя работает в моем коде. (Но значение selectedValue работает в разделе "tt" и будет изменено при нажатии на переключатели)

Код HTML:

<input class="login__input" type="text" name="username" ng-model="username" placeholder="Username" autocorrect="off" autocapitalize="off">

 <div class="radio__box">
      <label>
    <input type="radio" ng-model="selectedValue" value="value1" checked>
    Radio1
  </label><br/>
  <label>
    <input type="radio" ng-model="selectedValue" value="value2">
    Radio2
  </label><br/>
  <label>
    <input type="radio" ng-model="selectedValue" value="value3">
    Radio3
  </label><br/>

  <tt>selected = {{selectedValue}}</tt><br/>

  </div>

Код Javascript:

var username = $rootScope.username; // works
var selectedValue = $rootScope.selectedValue; // undefined

Любая помощь будет большой. Заранее спасибо!

  • 0
    Попробуйте поместить метку метки перед переключателем вместо того, чтобы вкладывать ее в метку
  • 1
    Есть ли шанс увидеть код вашего контроллера? Где вы инициализируете $scope.selectedValue ?
Показать ещё 1 комментарий

2 ответа

2
Лучший ответ

Здесь очень простой планшет, демонстрирующий рабочую радиокнопку с выбором по умолчанию.

http://plnkr.co/edit/nTAcLlYIQk2Uk6887hPv?p=preview

JS:

angular.module('myApp', [])
.controller('myCtrl', function($scope) {
  $scope.selectedValue = "value1"
})
0

Как заметил Фиссио, я пропустил инициализацию переменной.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню