html - angular 跳转页面时,非ng-view部分的内容如何刷新
世界只因有你
世界只因有你 2017-05-15 16:54:29
0
3
592

我的页面上有一个Menu Bar:

<ul class="nav nav-tabs nav-stacked main-menu">
    <li><a href="/templates/home.html#/"><i class="icon-bar-chart"></i><span class="hidden-tablet">  高校概览</span></a></li>
    <li><a href="/templates/home.html#/Comments"><i class="icon-envelope"></i><span class="hidden-tablet">  高校评论</span></a></li>
    <li><a href="/templates/home.html#/Views"><i class="icon-tasks"></i><span class="hidden-tablet">  校内景点</span></a></li>
</ul>
                

作为我的页面导航栏,其余的部分使用ng-view来更新,现在遇到的问题是,我跳转到其他页面后,Menu Bar并不会刷新,所以看上去就选择了很多标签:

谢谢~

世界只因有你
世界只因有你

全員に返信(3)
为情所困

私たちのアプローチは、routeChangeSuccessをリッスンしてから、特定の変数パスの値を更新することです

次にメニュー内のng-class="{active:path='xx'}"を判定します

いいねを押す +0
伊谢尔伦

http://stackoverflow.com/a/18562339

いいねを押す +0
漂亮男人

シンプルで便利なangular的一个比较好的插件ui-router
对于你这种情况,只需要添加一个ui-sref-active="yourCSSStyle"を使用することをお勧めします。
次を参照できます: ui-router および ui-sref-active

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート