javascript - Angular 创建动态导航栏

标签 javascript angularjs partial-views

我正在编写一个应用程序,我想要动态导航栏。我使用导航栏为登录用户和 guest 用户创建了两个单独的部分。在我的index.html 中,我创建了导航栏所在的部分。

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

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

导航栏 Controller 应该决定应该渲染一个部分。我在那里检查用户是否经过身份验证。但我不知道如何从 Controller 渲染部分内容。感谢您的所有回答,并对我的英语表示抱歉。

最佳答案

您的导航栏 Controller 中将包含您的逻辑,该逻辑将根据用户是否是否已登录。在您看来,您会使用 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>

关于javascript - Angular 创建动态导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23725070/

相关文章:

javascript - 使用 ngStorage/localstorage 保存键=>值样式

javascript - Browserify:浏览器运行时出现 'Cannot find module...' 错误

asp.net-mvc - 在 razor foreach 上获取索引值

asp.net-mvc - asp.net mvc 中的控件模板

javascript - 有条件地在渲染中添加类不起作用 - React/Gatsby

javascript - 更改 JWPlayer 显示图标(播放按钮)的不透明度

javascript - Angular JS 登录表单登录方法未调用

angularjs - 仅在点击时触发过滤器

javascript - 一个 Controller 如何从另一个 Controller 获取值(value)?

c# mvc 模型 vs viewbag