Javascript Angularjs：重新加载后如何保持复选框值

我从W3获得了以下代码，但我想知道如何使复选框值在重新加载页面后保持不变：

Keep HTML: <input type="checkbox" ng-model="myVar">

<div ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>

<p>The DIV element will be removed when the checkbox is not checked.</p>
<p>The DIV element will return, if you check the checkbox.</p>

保留HTML:
欢迎
欢迎来到我家


未选中复选框时，将删除DIV元素

如果选中复选框，DIV元素将返回

现在，如果选中该复选框并重新加载页面，该复选框将再次被取消选中

---

如何使复选框在重新加载后仍保持其值？谢谢

localStorage将存储您的信息，即使您重新启动浏览器。。。我想这会更适合。。。以下代码适用于本地环境

var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
让existingStoredValue=localStorage.getItem（“复选框值”）；
如果（existingStoredValue=='true'）{
$scope.myVar=true；
}
$scope.storeCB=函数（passedVal）{
setItem（“复选框值”，passedVal）；
}
});

保留HTML：
欢迎
欢迎来到我家


未选中复选框时，将删除DIV元素

如果选中复选框，DIV元素将返回

您必须将该值保留在某个位置。无论是客户端还是服务器端，持久化的方法取决于您。您可以使用localStorage。