Angular创建动态导航条

Angular create dynamic navbar

本文关键字：导航 动态 创建 Angular      更新时间：2023-09-26

我正在写一个应用程序，我想有动态导航栏。我为日志用户和访客用户创建了两个独立的导航栏。在我的index.html中，我创建了导航条所在的部分。

<div class="navbar navbar-fixed-top" ng-controller="NavbarCtrl">
    <div class="navbar-inner">
    </div>
    <!-- /navbar-inner -->
</div>

导航栏控制器应该决定哪个部分应该被呈现。我检查用户是否经过身份验证。但我不知道如何从控制器渲染局部。

你会有你的逻辑在你的导航栏控制器，它会分配，说$scope.nav_partial_url适当的值(partials/Navbar .html或partials/navbar_loggedin.html)基于用户是否登录。在你的视图中，你会使用ngInclude:

<div class="navbar navbar-fixed-top" ng-controller="NavbarCtrl">
    <div class="navbar-inner">
        <div ng-include="nav_partial_url"></div>
    </div>
    <!-- /navbar-inner -->
</div>
相关文章：