1

Как сделать изначально скрытыми блоки, которые должны показываться только при выполнении условия в ng-show?

<span class="help-inline" ng-show="arr.length == 0">Пустой массив!</span>

В момент загрузки страницы, пока выполняются различные действия в контроллере, эта надпись на мгновение появляется, и затем скрывается. В контроллере:

$scope.arr = [];
...

затем происходит запрос к серверу через $http и получение элементов для массива arr, и он либо заполняется, либо остается пустым.

Таких запросов для разных переменных может быть и несколько, соответственно, если я правильно понимаю, чем больше запросов, тем дольше показ блоков, которые должны быть скрытыми - пока не выполнятся все действия в контроллере.

3 ответа 3

2

Хватает просто убрать декларацию $scope.arr = [];

Массив нужно декларировать когда вы получаете элементы из сервера, т.е. после запроса к серверу:

MyService.getSomething().then(function (something) {
    $scope.arr = something;
});

Именно для таких случаев angular не вылетает ошибки когда в темплетах пишем {{arr.length}} и arr ещё undefined.

Сравниваете этот fiddle с этим. В последним, я лишь прокомментировал декларацию массива до запроса.

1

Используйте лоадер во время выполнения операции. Например, из этой статьи.

0
1

Попробуйте использовать ngCloak

1
  • 1
    Директива ngCloak помогла бы скрывать блок пока он ещё не скомпилирован. В этом случае не помогает: автору мешает тот факт, что массив пустой пока данные ещё не получены от сервера. 25 окт 2015 в 15:51

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.