Bootstrap Dropdown不起作用

Question

我在header.html中添加了一个下拉列表，其中包含了一个角度应用的index.html。

<ul class="nav navbar-nav navbar-right">
<li class="dropdown profile hidden-xs">
    <a class="dropdown-toggle" data-toggle="dropdown">
                    <span class="meta">

                        <span class="text">{{slUserObj.username}}</span>
                        <span class="caret"></span>
                    </span>
    </a>
    <ul class="dropdown-menu animated flipInX" role="menu">

        <li>
            <a href="javascript:void(0);" ng-click="showProfile();main.page='profile'">
                            <span class="icon"><i class="fa fa-user"></i>
                            </span>My Account</a>
        </li>

        <li>
            <a href="javascript:void(0);" ng-click="showProfile();main.page='profile'">
                            <span class="icon"><i class="fa fa-user"></i>
                            </span>Carreir Details</a>
        </li>
        <!--<li>
            <a href="javascript:void(0);">
                            <span class="icon"><i class="fa fa-envelope"></i>
                            </span>Messages</a>
        </li>
        <li>
            <a href="javascript:void(0);">
                            <span class="icon"><i class="fa fa-cog"></i>
                            </span>Settings</a>
        </li>-->
        <li class="divider"></li>
        <li>
            <a href="javascript:void(0);" ng-click="logout()">
                            <span class="icon"><i class="fa fa-sign-out"></i>
                            </span>Logout</a>
        </li>
    </ul>
</li>

这是index.html

<section id="main-wrapper" class="theme-default">
<!-- Page wrapper -->
<header id="header" ng-include="'views/header.html'" ng-show="isAuthenticated"></header>
<!-- Left Sidebar Navigation -->
<aside class="sidebar sidebar-left" ng-include="'views/left-sidebar.html'" ng-show="isAuthenticated"></aside>
<!-- Content wraper -->
<section class="main-content-wrapper" ng-class="{'main-content-wrapper':isAuthenticated,'main-content-wrapper-full':!isAuthenticated}">
    <!-- Main content view  -->
    <div ui-view></div>
    <!-- Footer -->
    <div ng-include="'views/footer.html'"></div>
</section>
<!-- /Content wraper-->

现在登录后取消隐藏标题栏后，header.html中的下拉列表无效，但是当我在登录后刷新页面时，它的工作正常。