Как управлять переходами в угловом режиме, чтобы избежать загрузки содержимого.

Question

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

Например, в this website разработан с использованием угловых архивов.

Как можно отображать информацию, используя переходы при визуализации представления? Любой пример в plunkr или вид сервера?

Answer 1

С по умолчанию ng-route вы можете определить resolve свойства. Значения этих свойств должны быть разрешены (получены с сервера) до изменения местоположения. Это предотвратит отображение любого представления до его инициализации.

См. Этот пример plunker.

Тяжелых предложения вида

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

// Execute a function at the end of the current digest queue. 

$timeout(function() { 
    // Do your thing here 
    $rootScope.displayView = true; 
}, 0); 

Другой подход, чтобы все ng-repeats сообщить вам, когда последняя запись была добавлена ​​в DOM. Обратите внимание, что если у вас есть несколько ng-repeats в представлении, вам понадобится какой-то механизм для отслеживания их всех (обещания - ваш друг).

app.directive('postRepeat', function() { 
    return function(scope, element, attrs) { 
    // The ng-repeat directive sets the $last property on the scope to 
    // true when processing the last item. 
    if (scope.$last){ 
     $rootScope.displayView = true; 
    } 
    }; 
});