如果存在本地存储变量，则启用按钮
提问于 2017-06-26 20:55:31
我想在本地存储不为空时显示编辑/删除按钮。
在我的view.html中，我尝试：
<div ng-controller="MainController">
<button ng-disabled="localStorage.getItem('wimmtkey') !== null" > Edit</button>
</div>然后在review.controller.js中，我有这个函数：
function submit() {
if($rootScope.name!=null) {
var temp={
"name":$rootScope.name,
"surname":$rootScope.surname,
"email":$rootScope.email
}
$scope.localArray.push(temp);
localStorageService.set("wimmtkey", $scope.localArray);
$scope.obtained_array = localStorageService.get("wimmtkey");
var Results = UniversalService.PostReview(JSON.stringify(JSONObject));
}
}但即使我隐姓埋名，这个按钮也总是可见的。这会是什么问题呢？
回答 2
Stack Overflow用户
发布于 2017-06-26 21:20:46
该按钮将始终显示，因为您使用的是ngDisabled而不是ngShow、ngHide或ngIf。当它的计算结果为true时，ngDisabled仅仅表示按钮不可点击。
正如我从条件中看到的，当localStorage中存在wimmtkey项时，该按钮将被禁用。从你的描述来看，这似乎与你试图实现的目标相反。
另外，您要向$scope对象添加localStorage吗？您的代码没有显示这一点，只有当它作为$scope.localStorage存在时，才能在视图中使用它。如果不是这样，条件永远不会计算为true (因为它实际上抛出了一个被Angular静默的错误)，并且按钮永远不会被禁用。
Stack Overflow用户
发布于 2017-06-26 21:42:27
您可以为localStorage.wimmtkey添加一个包装器：
<div ng-controller="MainController">
<button ng-disabled="LS_wimmtkey!==null">Edit</button>
</div>
var MainController = function($scope) {
$scope.LS_wimmtkey = localStorage.getItem('wimmtkeys');
$scope.$watch("LS_wimmtkey", function() {
localStorage.setItem('wimmtkeys', $scope.LS_wimmtkey);
});
};在提交函数时，必须使用$scope属性：
function submit() {
//your code is here
$scope.LS_wimmtkey = $scope.localArray;
//your code is here
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44768539
复制相关文章
点击加载更多
腾讯云开发者
