javascript - 复选框错误值未传递给 Angular 模型

Question

我有一个带有绑定(bind)到 ng-model 属性的复选框的表单。当我选中该复选框时，该值已在模型中设置，但未选中时，根本不会设置键和值，因此它无法通过 api 验证。

<div class="form-group">
    <label for="title">Title</label>
    <input type="text" ng-model="post.title" placeholder="Post title..." />
</div>
<div class="form-group">
    <label for="author">Author</label>
    <input type="text" ng-model="post.author" placeholder="Your name" />
</div>
<div class="form-group">
    <label for="content">Content</label>
    <textarea ng-model="post.content"></textarea>
</div>
<div class="form-group">
    <label for="visible">Visible?</label>
    <input type="checkbox" ng-model="post.is_visible" />
</div>
<div class="form-group">
    <input type="submit" class="btn btn-primary" value="Save" />
</div>


blogModule.controller('PostCreateController', ['$scope', '$stateParams', 'PostResource',
    function ($scope, $stateParams, PostResource) {
        $scope.post = new PostResource();
        $scope.addPost = function () {
            console.log($scope.post); // post.is_visible is undefined
            //$scope.post.$save();
        }
    }
]);

这是模型保存之前的样子:

{
    $resolved: true
    author: "asdag"
    content: "adfadsf"
    title: "adgadf"
    proto: ...
}

为什么 post.is_visible 未定义而不是设置为 false？我该怎么做才能使其设置为 false？

Answer 1

试试这个

 <input type="checkbox" ng-model="post.is_visible"  ng-init="post.is_visible=false" />