Question

我正在设置复选框默认ng-checked为true。这是有效的，但问题是在价值没有出现后提交。

这是我的html标记

<html ng-app="plunker" >
<head>
    <meta charset="utf-8">
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.js"></script>
    <script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
    <label><input type="checkbox" name="test1" ng-model="input.item1" ng-checked="true"/> Testing</label><br />
    <input type="button" ng-click="submit(input)" value="Submit" />
  </body>
</html>

脚本应用文件

 var app = angular.module('plunker', []);
 app.controller('MainCtrl', function($scope) {
 $scope.name = 'World';
 $scope.input = {};
 $scope.submit = function (data) {
 alert(data.item1);
 console.log($scope.input);
 };
 });

plunker链接是http://plnkr.co/edit/mwdQF6Qqd4yw6hvLHGd6?p=preview

如何默认并直接恢复复选框值。

谢谢。

Answer 1

使用ng-init初始化模型true，首先将ng-checked设为true将不会初始化模型值

<input type="checkbox" name="test1" ng-model="input.item1" ng-init="input.item1=true" />

这是更新后的pulnker

如何检索angularjs中默认选中的复选框值？

1 个答案: