Angular.js中的input [radio]問題未定義且未選中

Question

我有兩個問題（可能是由於同一個錯誤）：

1.）我無法默認檢查 html頁面中的一個單選按鈕。 所有三個單選框均未選中。

2.）在我的代碼中， selectedValue的值始終是undefined 。 另一個值的用戶名在我的代碼中有效。 （但是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

任何幫助都會很棒。 提前致謝！

Answer 1

這是一個非常簡單的按鈕，它演示了帶有默認選擇的工作單選按鈕。

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

JS：

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

Answer 2

就像Fissio指出的那樣，我錯過了初始化變量的過程。