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

您可以使用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;

Answer 2

使用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提到的本地存储或您想要的任何逻辑并实现。

即使在页面刷新或从应用程序

2 个答案: