Сбросить значение при обновлении?

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

Помните, что когда вы устанавливаете scope для вашего вида или контроллера, первое значение этого scope равно false.

Например, scope.loggedin first это 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:

<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, чтобы показать ваше всплывающее предупреждение.

Answer 2

Похоже, вам нужен другой параметр, чтобы определить, была ли сделана попытка входа в систему или нет.

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

вам нужно как-то сохранить эти данные в браузере и заполнить оба параметра анонимно и войти в систему соответственно.Варианты: «куки, html5 хранилище»