Angular创建动态导航栏

时间:2014-05-18 17:51:31

标签: javascript angularjs partial-views

我正在编写一个应用程序,我想拥有动态导航栏。我创建了两个单独的部分,带有导航栏,用于登录和访客用户。在我的index.html中,我创建了导航栏所在的部分。

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

    </div>
    <!-- /navbar-inner -->
</div>

Navbar控制器应决定应该渲染一个部分。我检查用户是否经过身份验证。但我不知道如何从控制器渲染局部。感谢所有的答案,对不起我的英语。

1 个答案:

答案 0 :(得分:1)

您的Navbar控制器中有逻辑,根据用户是否登录,分配$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>