【问题标题】:Unable to check checkbox after angular response角度响应后无法选中复选框
【发布时间】:2017-09-06 05:07:48
【问题描述】:

我正在使用 MEAN 堆栈制作待办事项应用程序。到目前为止,我已经完成了在单击复选框时显示待办事项列表和删除待办事项。现在我正在尝试通过进行逻辑删除来增强我的代码。我在数据库中使用了一个标志,它将在单击复选框时切换。

但我面临的问题是,复选框没有保持选中状态。就像我单击复选框一样,然后出现删除线。在此之间,事件进入数据库更改标志并返回。但是直到那个时候,检查的东西都没有了。

【问题讨论】:

    标签: javascript jquery angularjs checkbox mean-stack


    【解决方案1】:

    你可以像这样实现复选框:

     <input type="checkbox" ng-model="checkValue"  ng-true-value="'true'" ng-false-value="'false'">
    

    在控制器中

    $scope.checkValue = true; //选中复选框

    【讨论】:

    • 如果设置为truefalse,则不需要ng-true-valueng-false-value
    • 上述答案无效。它正在做同样的事情。在选中并使用删除线完成后立即取消选中。我试过这个警报($scope.checkValue);但它警告未定义。请帮忙。
    • 你能把你的代码包括你是如何实现的
    • 问题解决了。问题出在我使用的 angularjs 版本中。现在还有一些其他问题。问题是当我单击复选框时,返回的 checkbox.checked 值为 false。
    • 解决问题。感谢您的帮助。
    【解决方案2】:
    <input type="checkbox" name="done" id="{{ todo.id }}" ng-model="isdone" ng-init="isdone=todo.done === 1 ? true : false" ng-click="updateTodo($event, todo.id)" />
    

    我使用 ng-model 和 ng-init 正确绑定了 ng-model 并获得了正确的值。甚至复选框也检查了以前不起作用的东西。我首先使用了下面的标签,但遇到了错误。

    <input type="checkbox" name="done" id="{{ todo.id }}" ng-model="isdone" ng-click="updateTodo($event, todo.id)" />
    

    【讨论】:

      猜你喜欢
      • 2019-12-04
      • 2019-12-24
      • 2017-08-11
      • 1970-01-01
      • 2015-04-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多