javascript - 刷新时重置值？

Question

我正在 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>

当页面出现以下情况时，如何让它们隐藏:

1. 首次加载或
2. 刷新

Answer 1

请记住，当您为 View 或 Controller 设置范围时，该范围的第一个值为false。

例如，scope.loggedin 首先是 false，直到在您的 Controller 中我们将其更改为 true。

解决方案:

Controller :

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:

<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>

在这里，我们检查 tryToLoginIn 是否为 true，然后开始检查 loggedin 条件以显示弹出警报。