У меня есть 3 UL внутри div. 2 UL содержат директиву, которая проверяет, аутентифицирован ли пользователь или нет. вот так:
<div class="language-options">
<ul>
<li>
<a>
<select box></select box>
</a>
</li>
</ul>
<!-- Show this for logged out users -->
<ul *appShowAuthed="false">
<li>
<a>
Sign in
</a>
</li>
<li>
<a>
Sign up
</a>
</li>
</ul>
<!-- Show this for logged in users -->
<ul *appShowAuthed="true">
<li>
<a>
Home
</a>
</li>
<li>
<a>
<i></i> New Article
</a>
</li>
<li>
<a>
<i></i> Settings
</a>
</li>
<li>
<a>
<img [src]="currentUser.image" *ngIf="currentUser.image" class="user-pic" /> {{ currentUser.username }}
</a>
</li>
</ul>
</div>
Что происходит, так это то, что, хотя мое поле выбора языковых опций находится в HTML-коде раньше, остальные 2 UL отображаются после них на странице:
[ Sign in | Sign up ] [ select box ]
Похоже, что из-за выполнения директивы рендеринг html-кода занимает больше времени и, как таковой, отображается перед параметрами языка.
Как настроить параметры языка для отображения перед входом в систему | Зарегистрироваться? см. ниже:
[ select box ] [ Sign in | Sign up ]