角度指令显示顺序

<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个ULs:

[ Sign in | Sign up ] [ select box ]

如何在登录前设置语言选项UL?见下表:

[ select box ] [ Sign in | Sign up ]