使用angularjs时无法设置复选框默认选中

时间:2013-02-19 11:02:00

标签: angularjs

我想设置复选框的默认值来检查即。用户必须看到在打开页面时检查复选框是因为某些原因它在使用angularjs时不起作用

这是我的代码

<html ng-app>

    <input type="radio" name="lookup"  ng-model="lookup" value="1" ng-checked="lookup==1" checked>Employee Lookup</input>
    <input type="radio" name="lookup"  ng-model="lookup" value="2" ng-checked="lookup==2">Company Lookup</input>
</html>

1 个答案:

答案 0 :(得分:14)

由于您正在使用ngModelvalue,因此如果广播匹配,则会自动选择广播。这是HTML和JS:

<html ng-app ng-controller="testcontroller">
  <input type="radio" ng-model="lookup" value="1">Employee Lookup</input>
  <input type="radio" ng-model="lookup" value="2">Company Lookup</input>
</html>
function testcontroller($scope){
  $scope.lookup = 1;
}

这是一个有效的jsFiddle演示:http://jsfiddle.net/BinaryMuse/ZQDts/3/(你的jsFiddle可能遇到了麻烦,因为你拼错了ng-app。)