Javascript 刷新时重置值？

我正在angularjs中实现一个登录表单，当登录失败或成功时，我会弹出一个引导警报。 问题是当页面刷新时，弹出窗口总是在这里

这是我的html：

<div class="alert alert-success" role="alert" ng-if='loggedin'>
  Logged in successfully!
</div>
<div class="alert alert-danger" role="alert" ng-if='!loggedin'>
  Log in failed!
</div>

成功登录！
登录失败！

当页面处于以下任一状态时，如何使其隐藏：

首次加载或

刷新

---

您似乎需要另一个参数来检测是否进行了登录尝试

成功登录！
登录失败！

---

您将需要以某种方式在浏览器中保存此数据，并相应地填充参数anonymous和loggedin。选项是“cookies，html5存储”

记住，当您为视图或控制器设置

范围时，该
范围的第一个值是
false

例如，
scope.loggedin
首先是
false
，直到在控制器中我们将其更改为
true

解决方案：

控制器：

scope.login = function(){
  scope.tryToLoginIn = true;

  //..your code : this is just example
  $http.get("loginApi").then(function(respponse){
     if(respponse.status === 200){
        scope.loggedin = true;
     }
  })
}

Html:


成功登录！
登录失败！

在这里，我们检查
trytologin
是否为
true
，然后开始检查
loggedin
条件以显示弹出警报。
我同意，但如何在刷新时重置这些值？为什么不发出一个事件，显示一个弹出窗口a）一段时间或b）有一个可点击的按钮来关闭它？使用登录状态很奇怪：弹出窗口应该与登录事件相关，而不是登录状态。
<div class="alert alert-success" role="alert" ng-if='tryToLoginIn && loggedin'>
  Logged in successfully!
</div>

<div class="alert alert-danger" role="alert" ng-if='tryToLoginIn && !loggedin'>
  Log in failed!
</div>