在成功单击事件后隐藏按钮？
在成功单击事件后隐藏按钮？
提问于 2018-05-10 05:16:13
我有删除数据的事件当用户点击删除数据的X图标时，数据被成功删除并显示状态已删除，记住默认状态是未删除，我想要的是当状态是删除时删除数据的X图标应该是隐藏的，但如果其未删除X图标应该是可见的。
以下是我到目前为止所做的工作
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<a ng-click =vm.deleteData() <i class="fa fa-times><i>
<label ng-show="vm.isVisible"> {{dataStatus}}</label>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
vm.isVisible =false;
$scope.deleteData = function()
{
if(vm.dataStatus !== "DELETED")
{
vm.isVisible = true;
}
else
{
vm.isVisible = false
}
};
});
</script>
</body>
</html>这个隐藏X图标，不管它是已删除还是未删除，我做错了什么？有人能提供最好的方式来获取我想要的东西吗？谢谢，我是新来的:D
Stack Overflow用户
发布于 2018-05-10 05:27:35
一种方法是在你的按钮上使用ng-show或ng-if，就像你对状态所做的那样。例如：
<a ng-click="vm.deleteData()" ng-if="vm.DataStatus !== 'DELETED'">
<i class="fa fa-times"><i>
</a>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50262178
复制相关文章
相似问题
腾讯云开发者
