How to hide a table using angularr?

Question

JavaScript

I have a link, when you click on it, the data is loaded, and a table appears under the link with this data, when you click again, you need to hide this table. How to do it?

Answer 1

<div ng-controller="MyCtrl as my">
    <button ng-click="my.pressed = !my.pressed;my.loadData();">
    <table ng-show="pressed">
        <tr ng-repeat="row in my.data">...</tr>
    </table>
</div>

function MyCtrl(dataProvider) {
    var self = this;
   
    this.loadData = function () {
        if (!self.pressed) return;
        dataProvider().then(function(data) {
             self.data = data;
        });
    }
}

Answer 2

Yes, just add a variable to the scope, for example $scope.tableShow = false;
At the end of the request, do - $scope.tableShow = !$scope.tableShow;(such a toggle)
And in the view use the directive ng-show="tableShow"