Question

所以，我想要做的是在页面上制作一些复选框。我的想法是，如果我选中一个复选框然后将信息保存在Mongo数据库中，然后重新加载页面，那么我之前检查的复选框应该在重新加载时保持检查状态。

让我做这个Plnkr

如果plnk没有加载，我也输入代码。

<!DOCTYPE html>
<html ng-app="app">

  <head>
    <script src="https://code.angularjs.org/2.0.0-alpha.45/angular2.js" data-semver="2.0.0-alpha.45" data-require="angular.js@*"></script>
    <script src="app.js" data-semver="2.0.0-alpha.45" data-require="angular.js@*"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller="main">
    <label>Test checkbox</label>
    <input type="checkbox" id="" ng-model="test.checkbox" value="test" name="testCheckbox" ng-checked="">
    <br />{{ greeting }}

  </body>

</html>

请检查并让我知道解决方案，伙计们！

TIA。

Answer 1

您可能需要在HTML5中使用localStorage。

以下将帮助您 -

keep checkboxes checked after page refresh

Answer 2

您需要从Monogo onload获取数据要么你可以使用localStorage

复选框，如果选中一次，则应在页面重新加载时保持检查状态。

2 个答案: