Angular 的多种布局

2024-02-23

我正在构建一个 Angular 应用程序,但在如何处理主页方面遇到了一些障碍。主页有 90% 的不同 - 只有标题保持不变 - 在那里我有显示用户登录状态的指令。

为了利用路由/模板等,我理想地希望将我的 ngview 显示在示例的白色区域中 - 一切正常 - 只是不确定如何构建主页。它不需要 ngview 区域,因为它是唯一的一种。我不想将其作为第二个应用程序,因为这似乎很浪费并且会重新加载所有内容。

谷歌搜索提出了用指令替换白色区域的建议,但我认为我会失去整个路由/模板的好处。

我见过的替代方案有代码来确定是否在家并加载正文 CSS 类等,但这也不理想,因为内容如此不同。

UI Router 是一种可能性,但我想尽可能避免 prebeta 的东西。

建议?


你可以有这个:

索引.html:

<body>

  ...header..

  <div ng-if="isHomePage()">
    <div ui-view></div>
  </div>
  <div ng-if="!isHomePage()">
    <div ng-include="'shell.html'"></div>
  </div>

  ...footer..

</body>

home.html(带有路线“/”)

...your home page html...

shell.html(任何不同于“/”的路由)

<div>
    <div>
       <div ui-view></div>
    </div>
    <aside><aside>
</div>

最后,添加isHomePage()到你的根范围

$rootScope.isHomePage = function() {
    return $location.path() == '/';
};
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 的多种布局 的相关文章

随机推荐

  • 如何使用 Clang 编码生成未使用的声明? [复制]

    这个问题在这里已经有答案了 我正在寻找代码生成一个llvm Module来自一些 C 代码 具体来说 我将混合 Clang 生成的代码和其他来源的代码 不幸的是 铿锵CodeGenModule如果存在使用它的定义 类似乎坚持只在模块中生成声
  • YouTube 数据 API:每日请求量一天内从 270 万增至 4300 万

    我开始看到 404 每日配额突然达到 因此我转到 API 控制台检查日志 我发现就在今天 我从 API 密钥收到了 4300 万个请求 而日平均请求数约为 250 万个 这是否意味着有人正在使用我的 API 密钥进行恶意操作 我该如何调查这
  • D3 树布局使用 NodeSize 分隔节点

    现在我正在尝试分离我的矩形节点 因为它们重叠 如下图所示 我看了一下 发现D3提供了一个nodeSize https github com mbostock d3 wiki Tree Layout wiki nodeSize and 分离
  • 如何让谷歌地图再次请求位置权限?

    我在移动网络应用程序中使用 Google 地图 但我注意到 有时当地图提示位置权限时 用户会意外点击 拒绝 而不是 允许 并且他们需要重新加载页面才能正确定位 有没有一种方法 即让用户可以触发一些 JS 调用 例如通过点击按钮来更改他们对授
  • 通过react router的 组件在新选项卡中打开

    React Router Link 组件接收target blank 在新选项卡中打开页面 有没有办法对重定向组件执行相同的操作 我的组件的设置方式 我无法换行Link围绕有问题的组件 组件上有一个按钮 单击它也会重定向 我不想要 这就是我
  • Android PDF 查看器库或 muPDF 库教程

    我正在尝试在我的 Android 应用程序中阅读 pdf 文件 我不想使用默认的 pdf 阅读器而只是打开一个新意图 因为我需要自己的 GUI 并且想使用第一页作为封面 因此我需要制作自己的pdf阅读器 我做了一些研究并发现了 muPDF
  • Python 3 中嵌套 For 循环的最大深度是多少? [复制]

    这个问题在这里已经有答案了 我想知道是否存在这样的 水平 我知道 C 中的限制是 127 但我找不到任何有关 Python 的信息 例如 for True level 0 for True level 1 for True level ma
  • 测试抽象类具体方法

    我将如何设计和组织抽象类的具体方法的测试 特别是在 NET 中 您必须创建一个子类来实现抽象方法 带有空方法 但不实现任何具体方法 该子类应该仅用于测试 它不应该进入您的生产代码 只需忽略单元测试中被重写的抽象方法并专注于具体方法即可
  • 在 jenkins 插件中正确设置 sonar.sources

    我正在尝试建立一个安卓java项目分支 feature Fprototype app 我收到此错误 INFO 13 38 36 470 Base dir Users Shared Jenkins Home jobs Textify work
  • 打开信息活动而不关闭主活动

    我正在制作一个简单的 Android 应用程序 有两个活动 一个 MainActivity 和一个 InfoActivity 我的 ActionBar 上有一个按钮 单击后我想打开我的 InfoActivity 在我的 InfoActivi
  • Eclipse 热代码替换失败 - 重新发布 Web 应用程序

    我在 Tomcat 上的 Web 应用程序中使用热插拔 Java 调试功能 在进行一些类签名更改后 我收到 热代码替换失败 Eclipse 对话框 我明白这一点 在这种情况下 我想要的是重新发布应用程序 我可以做到 并使用新部署的代码 然而
  • 后台核心数据更新

    我基本上需要在后台线程中更新核心数据而不阻塞 UI 并保存它 保存后应重新加载表视图以查看更改 所以为了做到这一点我想使用 dispatch async dispatch get global queue DISPATCH QUEUE PR
  • android 模拟器 2.2 中的相机问题

    我遇到一个问题 在 android 2 2 模拟器中 相机无法工作 它会自动关闭相机 但这个问题在android 1 5模拟器中不会发生 为什么会发生这种情况 任何机构都可以帮忙吗 这是一个已知问题 并且已被多次询问 这里有一些可能的解决方
  • 为什么 AMD GCN 使用非零 NULL?

    这次提交 https reviews llvm org rL289252 says In amdgcn https en wikipedia org wiki Graphics Core Next目标 全局 常量和通用地址空间中的空指针取值
  • 如何将打印输出分配给变量?

    如何分配输出print函数 或任何函数 到变量 举个例子 import eyeD3 tag eyeD3 Tag tag link some file mp3 print tag getArtist 我如何分配输出print tag getA
  • 如何从文件中获取数字并将其放入数组中? [复制]

    这个问题在这里已经有答案了 所以我的程序应该生成 30 个随机数 将它们放入文件中 然后将这些数字保存在数组中 但是当我尝试打印文件中的数字时 它们不是文件中的数字 而是一些随机的大数字 include
  • 跨页面存储信用卡信息的安全方法 ASP.NET MVC

    我正在运行 ASP NET MVC 需要一种安全的方式来临时存储信用卡数据 我有一个订单确认页面 该页面会发布到实际处理订单的操作 我尝试了 TempData 但它无法在帖子中幸存下来 由于会话存储在服务器上 我可以安全地使用它吗 Than
  • 使用 PHP unlink() 方法后获取 0KB 文件

    我正在尝试删除服务器上的文件 下面是我使用的代码 function ServerDel file file realpath file echo file fh fopen file w or die can t open file fcl
  • android: 库模块中的 fcm

    我在将 Firebase Cloud Messaging 集成到库模块中时面临一个奇怪的问题 我正在开发一个图书馆项目 在该项目中我需要处理来自图书馆本身的 FCM 服务器的通知 我不知道这是否可能 我遵循的步骤 我在 Firebase 控
  • Angular 的多种布局

    我正在构建一个 Angular 应用程序 但在如何处理主页方面遇到了一些障碍 主页有 90 的不同 只有标题保持不变 在那里我有显示用户登录状态的指令 为了利用路由 模板等 我理想地希望将我的 ngview 显示在示例的白色区域中 一切正常