在Angular.js输入[radio]问题未定义和未选中

时间:2015-08-18 13:30:53

标签: javascript jquery html angularjs

我有两个问题(也许是因为同样的错误):

1。)我的html页面中无法默认检查一个单选按钮。所有三个radiobox都没有检查。

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

任何帮助都会很棒。提前谢谢!

2 个答案:

答案 0 :(得分:2)

这是一个非常简单的插件,演示了默认选择的工作单选按钮。

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

JS:

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

答案 1 :(得分:0)

像费西奥指出的那样,我错过了初始化变量。