2016-01-25 112 views
0

所以,我想要做的是在页面上做一些复选框。这个想法是,如果我选中一个复选框,然后将信息保存在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="[email protected]*"></script> 
    <script src="app.js" data-semver="2.0.0-alpha.45" data-require="[email protected]*"></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。

+0

远程解决方案:如果您使用的是单声道DB然后itialize您vairables第一使用您的Mongo Db或简单的本地解决方案可以使用本地存储或cookies –

回答

0

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

下面将帮助您 -

keep checkboxes checked after page refresh

+0

太棒了。这看起来会解决我的问题。你有没有使用Angular而不是Jquery的例子?我是一个noob,如果我得到确切的参考文献,会学得更快。在此先感谢@AnkitTripathi –

0

你需要从Monogo的onload 获取数据或 可以使用localStorage的

相关问题