Отключить кнопку даже после обновления страницы или выхода из приложения

Question

У меня есть приведенный ниже код, и когда я обновляю приложение, кнопка включена.Я хочу, чтобы кнопка была в отключенном состоянии даже после обновления страницы или выхода из приложения.В основном мне нужно save the state of the button.Как я могу это сделать?

//html
<div>
<input type="file" ng-disabled="false" id="id1">
</div>

//Controller
document.getElementById("id1").disabled = true;

Answer 1

Правильный подход к использованию ng-disabled заключается в управлении им через контроллер.

<div>
<input type="file" ng-disabled="isUserLoggedIn" id="id1">
</div>

Контроллер

$scope.isUserLoggedIn = this.appService.isUserLoggedIn() || false;
//returns true or false based on if user is logged In

AppService

Это может проверить локальное хранилище, как упомянуто VicJordan, или любую логику, которую вы хотели и внедрили.

Answer 2

Вы можете использовать localStorage для сохранения состояния, которое является простым решением.

Сохранять значения для обновления страницы и выхода из системы

localStorage.setItem('isPageRefreshed', 'true'); // page refresh

localStorage.setItem('isLoggedOut', 'true'); // on logout

Теперь вы можете добавить проверкудля отключения кнопки, например:

HTML:

<input type="file" ng-disabled="isDisabled" id="id1">

JavaScript / контроллер:

if(localStorage.getItem('isPageRefreshed') === "true") {
  $scope.isDisabled = true;
}

if(localStorage.getItem('isLoggedOut') === "true") {
  $scope.isDisabled = true;
}

В любое время, когда вы хотите включить кнопку, сделайте это $scope.isDisabled = false;