boostrap nav不工作angularjs

Question

我需要使用AngularJS迁移我的网站，但我的菜单有问题。 通常我的菜单就像

但是当我把我的菜单放在index.html（我包含相同的文件）时，我的菜单就像

...

的index.html：   

<!-- Navigation panel -->
<nav class = "main-nav js-stick">
  <div class = "full-wrapper relative clearfix">
    <div class = "nav-logo-wrap local-scroll">
        <img src = "" alt = "" />
    </div>
    <div class = "mobile-nav">
      <i class = "fa fa-bars"></i>
    </div>

    <!-- Main Menu -->
    <div class="container">
    <div class="inner-nav desktop-nav">
      <ul class="clearlist">
        <li><a href="#" class="mn-has-sub">Home</a></li>
        <li><a href="#" class="mn-has-sub">Calc<i class="fa fa-angle-down"></i></a>
          <ul class="mn-sub to-left">
            <li><a href="#">toto</a></li>
            <li><a href="#">titi</a></li>
            <li><a href="#">tata</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
  </div>
</nav>
<!-- End Navigation panel -->

<div ng-view>
</div>

当我的鼠标在Calc上时，没有任何事情发生。 ：/

THX，