Как средствами angualr скрывать таблицу?

Question

[Алексей]

У меня есть ссылка, при клике на которой, загружаются данные, и появляется таблица под ссылкой с этими данными, при повторном клике нужно скрывать эту таблицу. Как это сделать?

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;
        });
    }
}

Comments

[Павел Соловьёв]

для table ещё можно добавить class="ng-hide" с display:none, чтобы мерцания при загрузке не было

[Сергей Протько]

Павел Соловьёв: это решается штуками типа ng-cloak но вообще да, можно.

Answer 2

[Andrey Zenkov]

Да простой добавь в скоп переменную например $scope.tableShow = false;

При завершении запроса делай - $scope.tableShow = !$scope.tableShow;(такой себе toggle)

А в view используй директиву ng-show="tableShow"