Question

当用户点击X图标删除数据时，我有删除数据的事件，数据被成功删除并显示状态 DELETED，记住默认状态是UNDELETED，我想要的是当状态为DELETED时，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

Answer 1

一种方法是在按钮上使用ng-show或ng-if，就像使用您的状态一样。例如：

<a ng-click="vm.deleteData()" ng-if="vm.DataStatus !== 'DELETED'">
  <i class="fa fa-times"><i>
</a>

Answer 2

您只能在那些尚未删除的行上显示您的X图标

<a ng-click="vm.deleteData()" ng-if="vm.DataStatus == 'UNDELETED'">
  <i class="fa fa-times"><i>
</a>

成功完成ng-click事件后隐藏按钮？

2 个答案: