ui-router 中 templateUrl 从一种状态动态更改为另一种状态

2024-03-29

html:

<a ui-sref="user.tools.selectedTemplate({provider: t.id})" target="_blank">{{t.name}}</a>

上面的代码位于 ng-repeat 中,其中许多模板链接加载了名称和 id,因此当我单击每个链接时,href 将更新,并将 id 号附加到所选模板链接。我使用相同的控制器生成大约十个模板。我将 ui-sref 中的值从一种状态传递到另一种状态,因此我需要动态 templateUrl, 我试过这个链接问题 https://github.com/angular-ui/ui-router/issues/163但我无法发送状态参数,因为主模板页面没有参数。

这是 app.js 中的 ui 路由器代码

.state('user.tools.template',angularAMD.route({
    url: '/template',
    templateUrl: './views/tools/select-template.html',
    controller: 'selectTplCtrl',
    controllerUrl: 'tools/selecttplCtrl'
}))

.state('user.tools.selectedTemplate',angularAMD.route({
    url: '/selectedTemplate/:provider',
    templateUrl: function($stateParams){
        return './views/tools/selected-template'+'$stateParams.provider'+'.html'
    },
    controller: 'selectedTemplateCtrl',
    controllerUrl: 'tools/selectedTemplateCtrl'
}))

有人能解决这个问题吗?


我想说你是在正确的轨道上..只是 URL 结构应该像这样调整:

templateUrl: function($stateParams){
    //return './views/tools/selected-template'+'$stateParams.provider'+'.html'
    return './views/tools/selected-template'+ $stateParams.provider +'.html'
}

在这里查看更多,在使用动态模板链接时我们可以使用 UI-Router 获得什么:

  • Angular UI 路由器 - 动态 TemplateURL https://stackoverflow.com/q/33734690/1679310
  • Angular UI Router:根据父解析对象决定子状态模板 https://stackoverflow.com/q/25289135/1679310
  • Angular 和 UI-Router,如何设置动态 templateUrl https://stackoverflow.com/q/26868796/1679310
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ui-router 中 templateUrl 从一种状态动态更改为另一种状态 的相关文章

随机推荐

  • Python 2 和 3 中的字符串到字节

    我的函数需要将输入作为字符串或二进制数据 例如 从文件中读取 如果它是一个字符串 我想将其转换为原始数据 bytes or bytearray 在Python 3中 我可以做data bytes data utf8 然而 这在 Python
  • AWS lambda 和数据库[关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我一直在理论上了解到 创建与数据库的新连接是昂贵的操作 因此 我们应该保持打开的连接池并将其用于数据库操作 在考虑 AWS lambda 时 假
  • 如何将 JSON 响应包装在父对象中

    我的 Spring REST 服务的当前响应如下 id 5cc81d256aaed62f8e6462f4 email email protected cdn cgi l email protection id 5cc81d386aaed62
  • Android 上的 Youtube API 播放器每 2 秒自动暂停一次

    我正在制作一个使用 YouTube API 来播放 YouTube 视频的应用程序 当我进入全屏模式时 我将播放器样式切换为 CHROMELESS 因为我想创建自己的媒体控件集 我开发了一套手势来映射音量 亮度和搜索的变化 当这些变化发生时
  • Cakephp REST API 消除了 .format 的必要性

    我正在努力创建一个仅获取和返回 JSON 数据的 REST api 我正在遵循蛋糕指南 我的默认路线是这样的 GET recipes format GET recipes 123 format POST recipes format PUT
  • MongoDB 按数组中的元素进行分组

    我有一个看起来像这样的集合 id id1 tags a b id id2 tags b c id id3 tags a c 如何进行按 tags 数组中的每个元素进行分组的查询 以便结果如下所示 a 2 b 2 c 2 其中2是它出现的次数
  • 未使用的功能会改变性能

    在尝试估计之间的性能差异时push back and std inserter我遇到了一个非常奇怪的性能问题 让我们考虑以下代码 include
  • 是否可以使用 AWS PHP SDK 将子域添加到 Route53?

    我正在开发一个项目 我们将在 Route53 中创建子域和域 我们希望有一种方法可以通过编程来完成此操作 PHP 文档的 SDK 似乎有点简单 但看起来 createHostedZone 可用于创建域或子域记录 changeResource
  • C#:捕获另一个应用程序的窗口状态更改(我认为是用 c/c++ 编写的)

    我遇到一种情况 我需要捕获另一个窗口的窗口状态更改 该窗口不属于我的应用程序 并且不是我编写的 我认为它是用 C 编写的 实际上我正在使用一个单独的线程 我不断地执行 GetWindowState 并在该值更改时触发自定义事件 我有窗口的句
  • 获取行中日期值之前的最新日期

    我正在使用 MSSQL 2008 R2 我正在尝试获取最新数据日期到存储在另一列中的日期 我可以在子查询中使用 max ProcedureDate 提取最新的数据日期 但是 我需要列中存储的日期之前的最新日期 这是一个例子 Current
  • 如何设置任务的计划完成日期?

    我试图弄清楚如何在创建或更新任务时设置计划完成日期 任务的计划完成日期始终等于项目创建的日期 我使用了几种不同的日期时间格式 但它从未改变 这是我使用过的两个没有抛出错误的 2015 05 02T08 00 00 000 0500 2015
  • 可以打印超过 100 行的 data.table 吗?

    data table 有一个很好的功能 可以抑制输出到表的头部和尾部 是否可以一次查看 打印 100 行以上 library data table Convert the ubiquitous iris data to a data tab
  • 实体框架代码优先和连接字符串

    我有一个使用 Entity Framework Code First 的小型 MVC 3 应用程序 并为模型使用此连接字符串 data source SQLEXPRESS Integrated Security SSPI AttachDBF
  • Flask 应用程序中的 Rpy2:致命错误:无法初始化 JIT

    我有一个 Flask 应用程序 我正在尝试添加一个 RESTful 端点 该端点使用 rpy2 从 rds文件 当我运行我的测试脚本时python3 testscript py其中包含import rpy2 robjects as obje
  • Laravel where if 语句

    我在从数据库中选择时遇到了问题 基本上我想要实现的是 我有一个包含 3 列的表 type number date 我需要根据列 类型 执行操作 If type 1 then where number gt 1 else where date
  • DbContext AutoDetectChangesEnabled 设置为 false 检测更改

    我有点难住了 根据我读到的设置DbContext AutoDetectChangesEnabled to false应该禁用需要调用的更改跟踪DbContext DetectChanges为了识别要发送到数据库的更改 但是 从下面的日志可以
  • Aria2 不重新下载文件

    我正在使用 aria2 下载动态生成的文件列表 我希望它跳过下载目录中已有的文件 但它没有这样做 而是重新下载它们并添加一个 1到文件名 我尝试使用 check integrity true 但这并没有改变行为 有没有办法让它跳过已经存在的
  • 检查所有复选框jquery

    为什么我的js代码中可以一键点击name check all检查所有复选框 HTML div div
  • 我应该使用哪个 Apple 推送通知服务 Java 库? [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我需要使用 Java 服务器将推送通知发送到 iOS 设备Apple 推送通知服务 APNS http
  • ui-router 中 templateUrl 从一种状态动态更改为另一种状态

    html a target blank t name a 上面的代码位于 ng repeat 中 其中许多模板链接加载了名称和 id 因此当我单击每个链接时 href 将更新 并将 id 号附加到所选模板链接 我使用相同的控制器生成大约十个