Angular.js中的input[radio]问题未定义且未检查

input[radio] in Angular.js problems undefined and unchecked

本文关键字：未定义 问题 检查 radio js 中的 input Angular      更新时间：2023-09-26

我有两个问题(可能是因为同一个bug):

1)。我不能默认检查一个单选按钮在我的html页面。三个无线电框都未选中

2)。在我的代码中，selectedValue的值总是undefined。另一个值username在我的代码中工作。(但是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

任何帮助都太好了。提前感谢!

这是一个非常简单的plunk，它演示了一个带有默认选项的工作单选按钮。

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

预览

JS: 

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

就像Fissio指出的那样，我错过了初始化变量

相关文章：