首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Ember中的父路由或控制器中获取嵌套routeName

在Ember中,可以通过以下几种方式在父路由或控制器中获取嵌套的routeName:

  1. 使用this.routeName属性:在父路由或控制器中,通过访问this.routeName属性可以获取当前路由的名称。该属性会返回当前路由的路由名称。
  2. 使用this.router.currentRouteName属性:在父路由或控制器中,通过访问this.router.currentRouteName属性可以获取当前活动路由的名称。该属性会返回当前活动路由的路由名称。
  3. 使用this.transitionTo('routeName')方法:在父路由或控制器中,可以使用this.transitionTo('routeName')方法跳转到指定的子路由,并且在跳转前获取子路由的路由名称。例如:
代码语言:txt
复制
this.transitionTo('parentRoute.childRoute').then(() => {
  let childRouteName = this.router.currentRouteName;
  // 处理子路由的路由名称
});

需要注意的是,以上方法可以根据具体的需求选择使用,适用于不同的场景。例如,如果需要在路由钩子中获取嵌套路由的名称,可以使用this.routeName属性或this.router.currentRouteName属性。如果需要在跳转到子路由后获取子路由的名称,可以使用this.transitionTo('routeName')方法。

作为腾讯云的云计算产品,腾讯云提供了丰富的云计算服务,包括云服务器、云数据库、人工智能、物联网等。具体可以参考腾讯云官方网站获取更详细的产品介绍和使用指南:

腾讯云官方网站:https://cloud.tencent.com/

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【ASP.NET Core 基础知识】--路由和请求处理--Attribute路由

一、介绍 在ASP.NET Core路由是将传入URL请求映射到正确控制器和操作方法。...基本概念: **路由:**在ASP.NET Core路由是将URL请求映射到正确控制器和操作过程。...在ASP.NET Core控制器类必须继承自ControllerControllerBase类。 **操作方法:**操作方法是控制器中用于处理HTTP请求具体实现。...通过在控制器操作方法上应用特定属性,可以定义URL模板,从而实现路由匹配。 重要性: 可读性更强:使用属性路由,可以定义更加清晰和易读路由路径,使得URL更加友好和易于理解。...比如,你可以定义一个约束来检查一个字符串是否是一个有效 email 地址。 嵌套路由:你可以在一个路由嵌套另一个路由

19300

JavaScript框架比较:AngularJS vs ReactJS vs EmberJS

JavaScript框架,Angular.js,Ember.jsReact.js,给你代码带来结构,并保持其有序化,从而使您你app更灵活,更具可扩展性,并更容易开发。 ?...将React集成到传统MVC框架,Rails需要一些配置。...Ember对象模型利于键值观察。 嵌套UI。 最小化DOM。 适用于大型应用程序生态系统。 强数据层与Java集成良好。...它们能够创建你自己语义和可重用HTML语法。 在视图和控制器级别使用mixin,因此组件不必UI相关,并且可能只包含一些实用程序甚至复杂程序逻辑。 基于Widget方法称为Ember组件。...路由 需要模板控制器到其路由器配置,必须手动管理。 React不处理路由。但是有很多模块用于路由react-router,flow-router。 更强大路由,以牺牲可增加复杂性为代价。

12.7K60
  • 深入了解 AngularJS 路由原理和使用技巧

    我们将从基础知识开始,逐步介绍如何配置和定义路由,如何在应用程序中进行导航,以及如何处理各种路由事件。...第一部分:基础知识1.1 路由概述在Web开发路由是指确定页面资源访问路径过程。...通过这种方式,我们可以在控制器获取和使用路由参数。4.2 嵌套路由在某些情况下,我们可能需要在应用程序实现嵌套路由。...AngularJS 提供了嵌套路由支持,通过在路由中定义子路由规则,我们可以在页面嵌套加载不同组件。...本文详细介绍了 AngularJS 路由概念、特性和用法,包括配置和定义路由、导航和路由事件,以及一些进阶技巧路由参数、嵌套路由路由保护。

    19410

    『React Navigation 3x系列教程』之React Navigation 3x开发指南

    , params, action, key}) navigation.navigate(routeName, params, action) routeName:要跳转到界面的路由名,也就是在导航其中配置路由名...使用stateparams 可以通过this.props.state.params来获取通过setParams(),navigation.navigate()传递参数。...使用goBack返回到上一页面指定页面 goBack: function goBack(key):我们可以借助goBack返回到上一页或者路由指定页面。...routeName - string - routeName用于替换路由。 params - object - 要传入替换路由参数。 action - object - 可选子动作。...,就是要想法获取navigation; 那么,如何才能在非导航器中所定义屏幕获取到这个navigation呢?

    4.3K30

    『React Navigation 3x系列教程』createMaterialTopTabNavigator开发指南

    TabNavigatorConfig(可选):配置导航器路由(:默认首屏,navigationOptions,paths等)样式(,转场模式mode、头部模式等)。...当为 false 时,所有的 Tab 页都将直接被渲染;(可以轻松实现多Tab 页面的懒加载); optimizationsEnabled -是否将 Tab 页嵌套在到 。...paths: 提供routeName到path config映射,它覆盖routeConfigs设置路径。 backBehavior: 后退按钮是否会导致标签切换到初始tab?...动态配置createMaterialTopTabNavigator样式:通过官方文档是无法实现动态改变TabNavigator样式,比如:修改显示文字,修改字体颜色,修改图标等等; 多层嵌套路由个性化定制...TabNavigator时候; 初始化传参:如何在设置页面的时候传递参数呢?

    12.7K20

    使用 ASP.NET Web API 构建超媒体 Web API

    开发人员倾向在服务中提供所有支持方法静态描述,从正式约定( SOAP 服务 Web 服务描述语言 (WSDL))到非超媒体 Web API 简单文档都是如此。...可以使用哪些超媒体项目主要由所选媒体类型决定。我们当前用于构建 Web API 很多媒体类型( JSON XML)和 HTML 一样,不提供表示链接表单内置概念。...,该功能在根 URL 公开一个服务文档,该文档包含所有支持资源集和用于获取与其关联数据链接。...Link 方法接收两个变量: 路由名称和要构成 URL 值。 图 9 显示对于以前产品目录示例,如何在 Get 方法中使用 UrlHelper 类。...还从默认路由中生成了用于将产品添加到购物车链接,只是使用控制器名称为 Cart。

    2.8K50

    基于区块开发(二):命令行工具

    一、前言 在上一篇文章,我简单介绍了基于区块开发总体思路和配套工具。接下来我会用 2 篇文章来分别介绍命令行工具和VSCode插件具体实现细节。...获取到区块信息后,就要考虑如何在命令行展现了。由于操作过程涉及到一系列交互,一番调研后决定使用 Inquirer.js。...获得用户选择区块和区块安装路径后,下一步就是获取区块源码,并添加到项目中。...AST 使用方法可以看我之前写 AST实战。 对应,在安装区块过程,要加上处理修改现有文件代码。...files || files.length === 0) { throw new Error("区块不包含路由文件"); } // 获取路由变量名【AST】 const routeName

    51310

    rancherui 路由资源对应表

    : WebPack dom操作: jquery Nodejs框架: express生态+http-proxy 图表使用: echarts 和 d3 样式: node-sass 没有使用大组件库,只是使用了一些小插件...# 存放插件,组件以及应用入口文件,路由配置 │ ├── 文件夹 # 插件,组件 hbs模板,路由文件,控制器 │ ├── app.js...,处理本地路由方法,页面,数据渲染 │ ├── router.js # 路由管理主文件 ├── blueprints # 存放蓝图模板...├── config # 应用配置文件 │ ├── ember-intl.js # 本地化服务注入到视图、路径、模块、控制器和组件。...# 项目基本信息,依赖包,命令 在app/router.js 有对路由进行封装 对应都是lib/目录下 目录 => 路径 nodes => /n gobal-admin

    70610

    【前端】Ember.js学习笔记

    Model 在默认情况下,model钩子返回值,会设置为关联控制器model属性。...Ember Data 在Ember,每个路由都有与之相关联一个模型。...Ember Data是一个与Ember.js紧密结合在一起代码库,简化了客户端从服务器获取记录,在本地进行缓存以提高性能,保存修改到服务器,创建新记录等一系列操作。...仓库Store 仓库是应用存放记录中心仓库。你可以认为仓库是应用所有数据缓存。应用控制器路由都可以访问这个共享仓库;当它们需要显示或者修改一个记录时,首先就需要访问仓库。...无论何时,当应用需要从仓库获取一个没有被缓存记录时,应用就会访问适配器来获取这个记录。

    23930

    『React Navigation 3x系列教程』createBottomTabNavigator开发指南

    BottomTabNavigatorConfig(可选):配置导航器路由(:默认首屏,navigationOptions,paths等)样式(,转场模式mode、头部模式等)。...paths: 提供routeName到path config映射,它覆盖routeConfigs设置路径。 backBehavior: 后退按钮是否会导致标签切换到初始tab?...tabBarVisible: 显示隐藏TabBar,默认显示; tabBarIcon: 设置TabBar图标; tabBarLabel: 设置TabBar标签; tabBarOnPress: Tab...动态配置createBottomTabNavigator样式:通过官方文档是无法实现动态改变TabNavigator样式,比如:修改显示文字,修改字体颜色,修改图标等等; 多层嵌套路由个性化定制...TabNavigator时候; 初始化传参:如何在设置页面的时候传递参数呢?

    7.1K30

    从navigator到react-navigation进阶教程

    navigate(routeName, params, action) routeName:要跳转到界面的路由名,也就是在导航其中配置路由名; params:要传递给下一个界面的参数;...可以通过this.props.state.params来获取通过setParams(),navigation.navigate()传递参数。...使用goBack返回到上一页面指定页面 goBack: function goBack(key):我们可以借助goBack返回到上一页或者路由指定页面。...屏幕之间跳转是需要借助navigation来完成; 我们知道导航器定义屏幕可以通过const {navigation} = this.props;来获取navigation; 那么,如果我们在非导航器中所定义屏幕做屏幕跳转关键一步...,就是要想法获取navigation; 那么,如何才能在非导航器中所定义屏幕获取到这个navigation呢?

    3.9K30

    Asp.Net Web API 2第八课——Web API 2属性路由

    这个路由规则一致被应用于所有的控制器。不幸是,基于公约路由是很难支持确切URI模式,而这个确切URI模式在Restful APIs是很普遍。...尽管它能做到,但是如果你有许多控制器或者很多资源类型这种结果不能很好被扩展。 对于属性路由,它是很容易为这个URI定义一个路由。...API版本控制  在下面的例子,"api/v1/products"相对于"api/v2/products"将被路由到不同控制器。...4、路由前缀 通常情况下,在同一个控制器所有路由以相同前缀开头。...这默认顺序值是0。 这里是如何确定总排序: 1.比较路由属性RouteName 属性。 2.在路由模版查看每个URI片段。对于每个片段,顺序如下:   文本片段。

    88240

    开学第一课:如何在vite打造一个基于文件结构路由系统

    一个较好工程模版,不应该被较多配置束缚住,应该有一个较好统一约定,采用约定大于配置 方式,从而减少开发人员被配置束缚,获得简单化同时又不失去灵活性,省去配置,减少学习成本,在前端工程路由配置就是一个比较麻烦配置...通常来说,较好约定就是文件目录结构就是路由路由权限以及额外配置在一个单独文件,next 框架就很好实现了这一方式,他们就是采取文件路由方式,又或者 umi 框架,也有约定式路由配置...通过文件结构自动生成所需要路由,这种方式简单高效,已经成熟应用于各大框架 那如何在 vite 实现这个功能?...,我们经常在项目中看到整个一套 router 配置,比如这种 当我需要新增一个路由时候,需要在这个文件编辑对应配置,并且为了方便以后维护,路径和文件夹一般都是一一对应,当前文件结构...page.js 文件,然后通过它生成对应目录或者路由,当然在找过程,需要看你项目是用什么东西搭建 如果你是 webpack 项目,你可以使用 require.context api,来获取指定文件夹内特定文件

    60530

    如何选择前端框架:ANGULAR VS EMBER VS REACT

    还有很多流行前端框架,像Backbone 、Knockout及Aurelia。如果你想开发一个Web app,建议采用Angular,EmberReact三种框架一个。...到底Angular2.0有什么令人兴奋功能? Angular2.0砍掉了一些不必要功能,提升了Angular性能,$scope从Angular 2.0移除,取而代之是ES6类。...有很多App创建都在使用EmberApple’s properties,Discourse,Ghost。...Ember 2.0进一步采用ES2015功能模块,类,和decorators。 修改了项目分布结构,使用“pod”分类代替功能分类(控制器,models,组件等)。 控制器被移除,支持路由控件。...它有大量资源供你使用,文档,技术博客等。 Ember 对购买工具包含框架的人来说是非常好选择,我们经常会浪费时间去寻找,研究,评估一些开发框架。EMber为您提供选择非常多,而且都非常有价值。

    2.4K70

    多种前端框架优缺点「建议收藏」

    8、链式操作方式:JQuery中最有特色莫过于它链式操作方式——即对发生在同一个JQuery对象上一组动作,可以直接接连写无需要重复获取对象。...,很容易写出 四不像代码, 例如js还是像jQuery思想有很多dom操作. 5.DI 依赖注入 如果代码压缩需要显示声明 6.AngularJS路由机制,很容易出问题 7.验证功能错误信息显示比较薄弱...,需要写很多模板标签 8.ngView只能有一个,不能嵌套多个视图,虽然有angular-ui/ui-router 解决,但ui-router 对于URL控制不是很灵活,必须是嵌套 9.这次从...在Ember.js路由用作模型,句柄模板作为视图,控制器处理模型数据。...响应式组件 服务器端渲染 易于集成路由工具,打包工具以及状态管理工具 优秀支持和社区 区别 名称 Vue React 渲染 渲染过程是跟踪每一个组件依赖

    3.6K20

    从零开始Flutter之旅: Navigator

    这次我们接着来了解一下路由导航Navigator相关信息。 Flutter路由管理与原生开发类似,都会维护一个路由栈,通过push入栈打开一个新页面,然后再通过pop出栈关闭老页面。...这段判断代码其实在App启动时引导页面,所以不管最终跳转到哪个页面,最终这个引导页面都需要从路由中消失,所以这里就可以通过pushReplacement来开启新路由页面。...,获取arguments就是上面传递过来参数map数据。...它是一个map,key代表路由名称,value代表具体页面实例。 以flutter_githubGithubApp为例。...} else { Navigator.pushReplacementNamed(context, loginRoute.routeName); } } 在登录状态判断跳转过程

    74910
    领券