栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

AngularJS-处理重复的片段,例如页眉和页脚

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

AngularJS-处理重复的片段,例如页眉和页脚

按照ivarni的建议,在页眉/页脚中使用控制器。我自己的(实验性)应用的示例:

在index.html中,标题将显示动态生成的菜单,登录/注销等:

<div id="navbar"     x-ng-controller="NavbarCtrl" x-ng-include="'app/main/navbar.html'"></div>

NavbarCtrl
建立了适当的范围
app/main/navbar.html
模板。该模板如下(考虑到您的需求-并删除了无关的详细信息):

<div  x-ng-if="showHeader">    <div >        <div> <ul >     <li x-ng-repeat="menuEntry in menuEntries">         <a x-ng-href="#{{menuEntry.path}}">{{menuEntry.display}}</a>     </li> </ul>        </div>    </div>    <div x-ng-if="userData.loggedIn">        Wellcome {{userData.userName}}!        <a x-ng-click="logout()">Logout</a>    </div>    <div x-ng-if="!userData.loggedIn">        <a x-ng-click="login()">Login</a>    </div></div>

因此,根据

showHeader
范围变量,整个标记都是隐藏的。它动态创建菜单(
menuEntries
)。并取决于
userData.loggedIn
适当的“登录/注销”消息。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/636181.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号