在 Angular 的 ng-switch 中使用 html 模板

2023-11-24

我正在制作一个随着用户点击而移动的“交互式菜单”。 我想知道是否有办法在 ng-switch 中包含 html 模板, 由于每个“开关”中的所有逻辑都不同 - 这将导致巨大的 html 文件。

<div class="content" ng-switch on="selection">
 <div ng-switch-when="1" >
   <h1>1</h1>
 </div>
 <div ng-switch-when="2">
   <h1>2</h1>       
 </div>
</div>

Use ngInclude:

<div class="content" ng-switch on="selection">
    <div ng-switch-when="1" >
        <ng-include src="'template1.html'"></ng-include>
    </div>
    <div ng-switch-when="2">
        <ng-include src="'template2.html'"></ng-include>
    </div>
</div>

注意:如果您对路径进行硬编码,请不要忘记使用双引号内的单引号。

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

在 Angular 的 ng-switch 中使用 html 模板 的相关文章

  • 在自动完成上添加 jQuery 延迟

    我正在尝试为应用程序创建 jQuery 自动完成 search input on keyup function search this val autocomplete div autocomplete get ajax search se
  • Chrome 开发工具命中代码但未命中断点

    我在 chrome 开发工具上启用了断点 并且在一行上有一个断点 我知道 chrome 正在运行 因为我将断点放在具有以下语句的行上 alert why is this not breaking 如果我在本地主机中找到该文件 则断点有效 断
  • 如何在 jQuery 中将标题转换为 URL slug?

    我正在 CodeIgniter 中开发一个应用程序 我试图在表单上创建一个字段来动态生成URL slug 我想做的是删除标点符号 将其转换为小写 然后用连字符替换空格 例如 Shane s Rib Shack 将变成 shanes rib
  • “require(...)”是常见的 JavaScript 模式还是库函数?

    我通常发现这是 node js 脚本 模块以及 phantomJS casperJS 等中的第一行 我很好奇 这是否是服务器端 javascript SSJS 的常见模式 类似于 include在 C C 中或import在 Java 中
  • 从对象中取出具有无效(NaN、空白等)值的键的最佳方法?

    我有一个供用户填写的简短搜索表单 将有多个搜索查询进入 MongoDB 该表单创建一个名为的变量searchParams可能看起来像这样 var searchParams city Springfield bedrooms 3 bathro
  • 转义 \u200b(零宽度空格)和其他非法 JavaScript 字符

    我有一组 JavaScript 对象 我引导到后端模板 以在页面加载时初始化我的 Backbone js 集合 它看起来像这样 作为 Twig 模板 我遇到的问题是某些文本字段包含 u200b 零宽度空格 这会破坏
  • 如何在具有相同值的下拉菜单上触发 jQuery 更改事件

    即使用户选择相同的值 如何每次都触发 jQuery 更改事件 我需要刷新效果 例如如果用户选择Lawyer它会发出警报hello然后用户再次选择Lawyer从下拉菜单中 它应该发出警报hello 我怎样才能实现它 以下是代码 jQuery
  • Riak 在 MapReduce 查询中失败。使用哪种配置?

    我正在与 riak riak js 结合开发一个 nodejs 应用程序 并遇到以下问题 运行此请求 db mapreduce add logs run 正确返回存储在存储桶日志中的所有 155 000 个项目及其 ID logs 1GXt
  • 中有样式表 吗?

    在内部链接 CSS 文件是一个坏主意吗 body 我读过 如果浏览器在外部找到另一个 CSS 文件 则它会被迫重新开始 CSS 渲染 head 只是因为它可能需要将样式应用于已经渲染的元素 另外 我认为 HTML 无法正确验证 我需要确认这
  • D3 向对象添加超链接?

    我正在尝试制作 D3 图 它将代表我网站的菜单 我尝试按照此处的其他指南添加超链接 但它们都不起作用 每个对象都会有一个不同的 URL 指向 主页 关于 联系方式等 如果添加超链接 我可以拖动对象吗 这意味着如果我按住单击 如果我单击该对象
  • 如何在新窗口中打开图像或pdf文件?

    我有一个 gridview 它包含文件名和文件路径 图像和 pdf 格式文件 其中我使用了模板字段 在该字段下放置了 1 个图像按钮 单击该图像按钮 即 查看 按钮 时 我想在新窗口中打开所选文件 这是我的代码 protected void
  • 如何使用 GreaseMonkey 让浏览器恢复“/”键?

    Lots of web pages seem to use the key for searching I d like to disable that because 100 of the time I want to use to se
  • 如何使用 jQuery 单击特定链接时打开引导导航选项卡的特定选项卡?

    我是 jquery 和 bootstrap 的新手 所以请考虑我的错误 我已经创建了一个用于登录和注册的 bootstrap 模式 它包含两个导航选项卡 称为登录和注册 我有两个按钮可以弹出相同的模态窗口 但在模态窗口内显示不同的选项卡 每
  • for循环中需要声明变量吗?

    有什么区别 for var i 0 i lt 5 i for i 0 i lt 5 i 是否有必要包含 var 关键字 我知道 var 关键字会影响变量范围 但我无法理解是否有必要在 for 循环中包含该关键字 在第二个示例中 您的变量是全
  • 在 Nodejs 中,如何停止 FOR 循环直到 MongoDB 调用返回

    我正在研究下面的代码片段 我有一个名为 stuObjList 的 JSON 对象数组 我想循环遍历数组以查找具有特定标志集的特定 JSON 对象 然后进行数据库调用以检索更多数据 当然 FOR 循环不会等待数据库调用返回并到达 j leng
  • 如果选中复选框则显示 div

    我正在尝试构建类似 WordPress 选项的东西 用于在创建文章时切换字段可见性 我所构建的依赖于 click函数使用相应的字段名称切换父项 我想知道如果选中该复选框 执行此操作的最佳方法是什么 因为如果您选中一个框并重新加载页面 因为它
  • 标记(Markdown)+ Mermaid(流程图和图表)

    努力去争取 美人鱼 https github com knsv mermaid https github com knsv mermaid跟 共事 标记 https github com chjj marked https github c
  • Vue-Router 抽象父路由

    我正在尝试将当前网站迁移到 vuejs 站点地图必须是 login signup password reset browse search dozens of other routes 由于其中一些路线共享大量 fx 因此我将它们设为父路线
  • PHP 文件上传帮助

    div align center div 这是我的代码
  • 如何通过点击复制 folium 地图上的标记位置?

    I am able to print the location of a given marker on the map using folium plugins MousePosition class GeoMap def update

随机推荐

  • ggplot2:如何在回归线上绘制小高斯密度曲线?

    我想以图形方式显示线性 以及后来的其他类型 回归的假设 如何在回归线上添加小高斯密度 或任何类型的密度 如下图所示 您可以计算沿拟合线的截面残差的经验密度 然后 只需使用以下方法在每个间隔中您选择的位置绘制线条即可geom path 要添加
  • 修改TFS流程模板以实现Nuget Package Restore

    我已从 MSBuild 包恢复迁移到自动包恢复 它会在构建开始之前恢复包 http docs nuget org docs workflows migration to automatic package restore 根据这篇文章htt
  • 防止 Fluent NHibernate select n+1

    我有一个相当深的对象图 5 6 个节点 当我遍历它的一部分时 NHProf 告诉我我遇到了 选择 N 1 问题 我确实这样做了 我知道的两个解决方案是 渴望负载的孩子 分解我的对象图 和急切加载 我真的不想做其中任何一个 尽管我可能会在以后
  • 具有两列组合的 SQLite 唯一键

    我试图确保当我运行以下查询时仅运行第一个INSERT INTO会起作用的 我知道我必须做slot UNIQUE 槽可以是 0 5 INTEGER 但这并不意味着该表只能接受 6 个表数据行 对于每个匹配的playerHash 它应该只允许6
  • 如何轻松找到Android类的源代码

    我知道我可以从以下位置访问 android 源代码https android googlesource com 但是如果我只知道包和 android 类的名称 就很难选择正确的 git 存储库 有没有办法找到文件https android
  • 如何使用 yuicompressor-maven-plugin 让 Maven 用缩小的文件构建战争

    所以我正在尝试一些我认为相当简单的事情 我基本上希望 maven 在构建战争之前为我缩小所有 js 和 css 文件 我的插件看起来像这样
  • 访问网页中的网络摄像头

    我正在开发一个网络应用程序 在我的访客注册页面中 我需要访问网络摄像头用于给客人拍照 我拍摄的图像可以存储在指定位置 这将是执行此操作的最佳方式 欢迎使用 java JSP html java 脚本或任何其他方法 回答自己的问题 因为有更好
  • 管理 flutter 的 TextFormField 中的事件

    在 Flutter 项目中 我需要监听 TextFormField 中的输入文本并执行某些操作 特别是当用户在此字段中放置一些字符 例如空格 或请求焦点时 当这种事件发生时 我需要修改filed的值 我知道有一个房产called contr
  • 我如何使用 sklearn DictVectorizer 对列表进行矢量化

    我在 sklearn 文档网站上找到了下一个示例 gt gt gt measurements city Dubai temperature 33 city London temperature 12 city San Fransisco t
  • 使用非格式化文本周围的颜色和变量格式化 console.log

    问题 我编写了一个函数来演示如何以多种方式格式化 Chrome 开发者控制台 console log 消息 然而 我遇到的问题是在左侧打印一个具有配色方案的变量 然后在中间打印一个没有样式的字符串 然后是另一个已设置样式的变量 这是一个图形
  • 使用 String.split() 以引号作为文本分隔符拆分 csv 文件

    我有一个逗号分隔的文件 其中包含许多类似于下面的行 Sachin M Maths Science English Need to improve in these subjects 引号用于转义用于表示多个值的分隔符逗号 现在如何使用逗号分
  • 字符串池创建在Heap的PermGen区或者Object区

    HERE 作者是这么说的 3 在Heap的PermGen区创建字符串池 进行垃圾回收 可以发生在 Perm 空间中 但取决于 JVM 顺便说一下从 JDK 1 7更新 字符串池移至对象所在的堆区 创建的 这样做有什么具体原因吗 我在网上找不
  • 如何使用 appsync 从 DynamoDB 返回 JSON 对象?

    如何从 DynamoDB 获取 JSON 对象响应 我将数据作为 JSON 格式的对象数组存储在数据库中 我有下一个映射模板请求 version 2017 02 28 operation PutItem key userId S conte
  • 创建给定年份中所有日期的向量

    是否有一个简单的 R 习惯用法来获取给定年份中所有日期的序列 除了闰年之外 我可以执行以下操作 dtt lt as Date paste as character year 1 1 sep seq 0 364 显然 我可以添加一行来过滤掉
  • 从 perl 脚本调用 bash 脚本

    我正在尝试 perl 脚本中的代码 需要在 bash 中调用另一个文件 不确定 哪个是最好的方法 我可以直接使用 system 调用它吗 请指导 向我展示示例方法 从我到目前为止所尝试过的 usr bin perl system bash
  • 将所有 POST 数据存储在 SESSION 中

    我有更多来自 POST 的值 超过 20 个 如下所示 name POST name username POST username city POST city mobile POST mobile address POST address
  • 如何检查网页是否存在。 jQuery 和/或 PHP

    我希望能够验证表单以检查网站 网页是否存在 如果它返回 404 错误 那么绝对不应该验证 如果有重定向 我愿意接受建议 有时重定向会转到错误页面或主页 有时会转到您正在寻找的页面 所以我不知道 也许对于重定向 可能会有一个特殊通知 向用户建
  • 圆形/矩形碰撞响应

    所以我不久前建了一点突破克隆 我想稍微升级一下 主要是为了碰撞 当我第一次做到这一点时 我有一个基本的 碰撞 在我的球和砖块之间进行检测 实际上将球视为另一个矩形 但这造成了边缘碰撞的问题 所以我想我会改变它 问题是 我找到了问题的一些答案
  • 检查表是否继承自 PostgreSQL 中的其他表

    在 PostgreSQL 中这些表 CREATE TABLE cities name text population float altitude int in feet CREATE TABLE cities capitals state
  • 在 Angular 的 ng-switch 中使用 html 模板

    我正在制作一个随着用户点击而移动的 交互式菜单 我想知道是否有办法在 ng switch 中包含 html 模板 由于每个 开关 中的所有逻辑都不同 这将导致巨大的 html 文件 div class content div h1 1 h1