Question

我在一个div内有3个UL。 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>&nbsp;New Article
            </a>
        </li>
        <li>
            <a>
                <i></i>&nbsp;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代码需要花费更长的时间来呈现，因此显示在语言选项之前。

我如何设置语言选项UL在登录|之前显示？注册？见下文：

[ select box ] [ Sign in | Sign up ]

Answer 1

这与css：float：right有关。

角度指令显示顺序

1 个答案: