Из-за чего странное поведение при смене $state в Angular?

Question

[Михаил Баженов]

Всем привет!

Начинаю изучать angular настроил ui-router. При смене state (после клика по ссылке) интерфейс дёргается (обновляется dom происходит запрос за картинками на сервер, и перерисовка всего окна).

Но для template нужно сменить всего лишь один div.

В чём может быть проблема?

Comments

[Михаил Баженов]

И да когда идём по истории назад ничего не дёргается и не прыгает..

Answer 1

[maxaon]

Вы неправильно работаете с видами и состояниями. Кажется вы пытаетесь заменить ng-include с помощью ui-view. Состояние одно должно содержать определение для всех видов, поскольку на странице может быть только одно состояние(т.е. state).

Короче - сейчас у вас полная каша на странице. Курите маны по Multiple-Named-Views. Вам вероятнее всего надо Nested-States
Также вас больше всего запутало то, что вы вставили шаблон внутрь тега с аттрибутом ui-view. Это сделано для того, чтобы ускорить рендер страницы для пользователя. Пока это вам не надо. Сделайте просто

<article class="b-article" ui-view="work"></article>
<article class="b-article" ui-view="olympiad"></article>
<article class="b-article" ui-view="sport"></article>
<article class="b-article" ui-view="contest"></article>

и заставьте его работать.

Comments

[Михаил Баженов]

Так и понял что здесь посложнее будет..

Answer 2

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

Но для template нужно сменить всего лишь один div.

оно так не работает, при смене состояния меняется все в блоке с директивой ui-view.

Comments

[Михаил Баженов]

Суть в том что обновляются все директивы на странице

Вот вам пример, потыкайте на любую из ссылок и посмотрите как обновляются все директивы xn--24-mlclq4bf6a1c.xn--p1ai/profile/52f1d49813be4...

[Aleksei Podgaev]

Чтобы поменять один div лучше использовать ng-show/ng-hide или директиву, а не менять всю страницу через роутер. ;)