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

如何在Ember js中获取currentRouteName的动态部分

在Ember.js中获取currentRouteName的动态部分,可以通过以下步骤实现:

  1. 首先,确保你已经安装了Ember.js框架并创建了一个Ember.js应用程序。
  2. 在你的Ember.js应用程序中,可以使用this.get('currentRouteName')来获取当前路由的名称。
  3. 为了获取当前路由名称的动态部分,你可以使用正则表达式或字符串处理方法来提取所需的部分。
  • 使用正则表达式:你可以使用正则表达式来匹配并提取动态部分。例如,如果你的路由名称是posts.show,其中show是动态部分,你可以使用正则表达式/\.([^\.]*)$/来匹配并提取动态部分。代码示例:
代码语言:txt
复制
 ```javascript
代码语言:txt
复制
 let currentRouteName = this.get('currentRouteName');
代码语言:txt
复制
 let dynamicPart = currentRouteName.match(/\.([^\.]*)$/)[1];
代码语言:txt
复制
 ```
  • 使用字符串处理方法:你可以使用字符串处理方法来截取动态部分。例如,如果你的路由名称是posts.show,其中show是动态部分,你可以使用split()方法将路由名称拆分为数组,并获取数组的最后一个元素。代码示例:
代码语言:txt
复制
 ```javascript
代码语言:txt
复制
 let currentRouteName = this.get('currentRouteName');
代码语言:txt
复制
 let dynamicPart = currentRouteName.split('.').pop();
代码语言:txt
复制
 ```
  1. 现在,你可以使用dynamicPart变量来获取当前路由名称的动态部分,并在你的应用程序中进行进一步处理或使用。

需要注意的是,以上方法适用于Ember.js框架中获取当前路由名称的动态部分。在实际应用中,你可以根据具体的业务需求和路由结构进行相应的调整和优化。

关于Ember.js的更多信息和相关产品,你可以参考腾讯云的Ember.js产品介绍页面:Ember.js产品介绍

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

相关·内容

JavaScript框架比较:AngularJS vs ReactJS vs EmberJS

JavaScript框架,Angular.jsEmber.js或React.js,给你代码带来结构,并保持其有序化,从而使您你app更灵活,更具可扩展性,并更容易开发。 ?...数据设置频繁更改大型Web应用程序 动态SPA AngularJS: 框架领域冠军 Angular.js是一个开源Web应用程序框架,具有由Google提供Model-View-Controller...将React集成到传统MVC框架,Rails需要一些配置。...Ember.js不是为应用程序各种路由提供详细配置,而是喜欢遵循命名约定并自动生成结果代码,仅在不遵守约定情况下指定配置。 客户端渲染和结构到可扩展web应用程序超出视图层。 URL支持。...比较Angularjs Vs Reactjs Vs Emberjs功能 特性 AngularJS ReactJS Ember.js 动态UI绑定 允许在纯对象或甚至属性级别使用UI绑定。

12.6K60

2016 年 7 个顶级 JavaScript 框架

由于它能够在SEO(令人惊讶JS系列部分)、更简单JSX、虚拟DOM或强大JavaScript库中表现良好,因此ReactJS是开发人员构建动态和高流量Web应用程序选择。 ?...5.EmberJS 一些令人惊讶框架,Ember.js,允许你轻松地以更快速度开发web应用程序。 Ember.js因为很多原因成为了许多开发人员首选。...其中有一个原因是Ember.js路由允许你停止阻塞web。使用Ember,你可以获得URL和具备由你创建每个路径默认后退按钮,并且API易于使用。...此外,Ember.js和Rails结合为你编写更丰富、更互动web app提供了更多自由,灵活性和快乐。 6.Mithril.js Mithril.js与React.js几乎没有相似的功能。...本质 选择正确JavaScript框架从来不是取决于特定框架可以提供功能数量。重点在于框架实际功能,以及你如何在自己开发项目中使用该功能。

4.2K10

3分钟短文 | Laravel 灵活地获取当前请求路由地址

引言 Laravel程序上下文内,我们需要动态获取当前路由地址,应该怎么写呢?本文就通过从 Laravel 4 到 5 及以上版本实现方法,带大家重温这一知识点。...学习时间 在 Laravel 4 你可以使用系统提供 Route 对象,直接访问其方法实现: Route::currentRouteName(); 虽然laravel做了很多努力向下兼容,但是随着PHP...(); 当然了,既然能获取到路由地址,获取方法名自然也不在话下。...Laravel 5.3 以后框架,获取方法统一下来了,比如下面这样: $route = Route::current();$name = Route::currentRouteName();$action...= Route::currentRouteAction(); 写在最后 本文通过多个版本,多个方法比对,演示了在程序内获取当前请求路由地址,资源地址,方法名等等方式, 在路由分配,权限控制可以灵活使用

1.3K20

单页应用(SPA)开发 Top 10 框架

Angular 负责编译和渲染 HTML,并生成用户界面, 在此过程,它操作 DOM 并实现指令全部功能。不过,指令只是 Angular 强大功能部分。...React.js Facebook 和 Instagram 用户界面为什么这么给力呢?因为它们用是 React.js。我们借此可以感受到 ReactJS 在创建大规模动态应用方面的强大能力。...Ember.js EmberJS 也是一个功能强大 MVC 框架。Ember 由 Yehuda 在 2011 年发布了第一个开源版本,遵循MIT 许可。...Aurelia.js AureliaJS 由 Rob Eisenberg 为首团队创建,团队中大部分的人来自 Angular 和 Durandal。它是 Durandal 公司旗下一个开源产品。...这仅是用户一小部分,由于用户数量巨大,无法罗列出来。 backbone 优势是它比较简单,很小并容易上手。使用 backbone 开发可以说干就干。

4.2K40

渐进式 JavaScript 框架 Vue.js,精华都在这了

Vue.js,这个软件可是当下最火 JavaScript 框架之一,相比其他框架,Vue.js 显得可以更加快速地上手并使用,如果你是前端开发人员,想知道入门 Vue.js ,那你真得接着往下看...Ember Vue 在普通 JavaScript 对象上建立响应,提供自动化计算属性。在 Ember 需要将所有东西放在 Ember 对象内,并且手工为计算属性声明依赖。...在性能上,Vue 比 Ember 具有优势,即使是 Ember 2.x 最新 Glimmer 引擎。Vue 能够自动批量更新,而 Ember 在关键性能场景时需要手动管理。...$实例属性名获取 ● 在vue实例里面用this,this指向是vue实例 ● 实例上有一个$watch方法可以监听data属性里面的数据变化,data一变会自动触发监听事件执行 实例生命周期 下面是实例生命周期示意图...长按二维码关注京程一灯,阅读更多技术文章和业界动态

1.2K10

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

到底Angular2.0有什么令人兴奋功能? Angular2.0砍掉了一些不必要功能,提升了Angular性能,$scope从Angular 2.0移除,取而代之是ES6类。...Ember 2.0 Ember.js号称是一个“雄心勃勃”JavaScript MVC框架、现代JavaScript MVC框架代表,是构造单页面应用等现代Web应用程序新型Web端开发框架。...有很多App创建都在使用EmberApple’s properties,Discourse,Ghost。...它有大量资源供你使用,文档,技术博客等。 Ember 对购买工具包含框架的人来说是非常好选择,我们经常会浪费时间去寻找,研究,评估一些开发框架。EMber为您提供选择非常多,而且都非常有价值。...但是Ember 学习成本较高。就最终App而言,Angular JS 开发app只需要写很少代码。 ? 从上图种可以看出,为什么三大框架如此流行,优势都很明显。

2.3K70

10个最受欢迎 JavaScript 框架,以及它们主要特征和功能

单向数据流:React.js 设计方式使其只支持在一个流程向下游传递数据。如果数据必须向另一个方向流动,则需要其他功能支持。...Ember Ember是一个开源 JavaScript Web 框架,它允许开发人员通过将最佳实践合并到框架来构建可伸缩单页面 Web 应用。...Ember 模板:Ember 模板内置于 Ember UI ,这些模板使用 Handlebars 模板语言编写。 Handlebars 以其使用双花括号命名,它可以使开发人员写更少代码。...这些组件是浏览器部分,所以你不需要任何第三方工具和库,比如 jQuery。 单向和双向数据绑定:它提供单向和双向数据绑定。Polymer 旨在支持在单向和双向流动数据。...可扩展 HTML:Aurelia 可扩展 HTML 编译器允许你创建自定义 HTML 元素,可以向现有元素添加自定义属性并控制模板生成,所有这些都完全支持动态加载、数据绑定和高性能批量渲染。

3.6K10

10个基于webJavaScript最优秀应用程序库和框架

可以使用替代第三方库,Granim.js和Multiple.js出现提供了jQuery特性子集,有时还提供了一组有重点附加功能特性,加载时间大大加快。 4....幸运是,该软件附带了大量教程,本文所示,这将使有经验开发人员更容易快速地开始工作。 ? 2. Ember.js 一个自称为“有抱负web开发人员框架”框架确实有些严肃。...像微软、Netflix和LinkedIn这样知名公司都在使用Ember.js。因为它使用模型-视图-视图-模型(MVVM)模式,并将最佳实践作为框架部分进行合并。最重要是,它伸缩性非常好。...例如,,Ember.js数据通过对象关系映射(ORM)提供面向web数据访问。与此同时,Ember Inspector是Firefox和Chrome浏览器一个插件,它可以使调试更加容易。...有些收藏品很奇特,anime.js(动画) ,而其他,比如有趣js,会有一些你在其他地方看不到有趣小部件。它也直接与反应一起工作。

2.1K20

对你 SPA 提提速

Lighthouse :一个开源自动化工具,用于改进网络应用质量 Ember Inspector :针对Ember.js项目的插件 React Performance Devtools :针对React.js...为了能够真正测出 SPA 真实加载速度,在Chrome 也存在一些子工具(:Speed Index)用于模拟用户真正上网过程。这里有一篇关于Speed Index文章可以参考一下。...实践证明,上述解决方案是无法提供精确结果。例如,即使没有发生新页面的加载,也可以在SPA页面通过AJAX来进行数据获取。...❞ 与HTTP不同,客户端不必不断地向服务器发送请求以获取新消息。相反,浏览器只需监听服务器,并在准备好时接收消息。 2.5 使用JSONP/CORS绕过同源策略 大部分应用需要从第三方获取数据。...动态发送 网页动态插入元素,由它向跨域网址发出请求。

59410

Angular、React、Vue.js等6 大主流 Web 框架都有什么优缺点?

何时选择 Angular 2+ 如果你需要在一个大型框架内获取技术资源,框架内技术通常很容易移植;或者你需要在框架训练开发人员,并且还要有一定信心,他们会在短期内获得一定开发能力,这样的话你可以考虑...在这一过程,你不仅需要对你团队和组织能力保持诚实,还要在你初始开发过程,以及在整个应用程序长期维护过程中保持诚实。 Vue.js 有什么优势?...Dojo2 专注于带来更多构建在状态容器体系之上动态组件体验模式,填补了 react+redux 等框架许多空白。...Ember.js 不可能在将来随时消失,尽管他们创新很可能是通过与 Ember.js 紧密结合其他项目来实现,比如 Glimmer,它为 Ember.js 应用程序提供了一个新 UI 框架,该框架基于...为什么我会选择 Ember.js? 如果你在框架寻找成熟度,那么 Ember.js 很难出错。

2.8K00

Angular、React、Vue.js 等 6 大主流 Web 框架都有什么优缺点?

何时选择 Angular 2+ 如果你需要在一个大型框架内获取技术资源,框架内技术通常很容易移植;或者你需要在框架训练开发人员,并且还要有一定信心,他们会在短期内获得一定开发能力,这样的话你可以考虑...在这一过程,你不仅需要对你团队和组织能力保持诚实,还要在你初始开发过程,以及在整个应用程序长期维护过程中保持诚实。 Vue.js 有什么优势?...Dojo2 专注于带来更多构建在状态容器体系之上动态组件体验模式,填补了 react+redux 等框架许多空白。...Ember.js 不可能在将来随时消失,尽管他们创新很可能是通过与 Ember.js 紧密结合其他项目来实现,比如 Glimmer,它为 Ember.js 应用程序提供了一个新 UI 框架,该框架基于...为什么我会选择 Ember.js? 如果你在框架寻找成熟度,那么 Ember.js 很难出错。

2.3K50

Angular、React、Vue等 6 大主流 Web 框架都有什么优缺点?

何时选择 Angular 2+ 如果你需要在一个大型框架内获取技术资源,框架内技术通常很容易移植;或者你需要在框架训练开发人员,并且还要有一定信心,他们会在短期内获得一定开发能力,这样的话你可以考虑...在这一过程,你不仅需要对你团队和组织能力保持诚实,还要在你初始开发过程,以及在整个应用程序长期维护过程中保持诚实。 Vue.js 有什么优势?...Dojo2 专注于带来更多构建在状态容器体系之上动态组件体验模式,填补了 react+redux 等框架许多空白。...Ember.js不可能在将来随时消失,尽管他们创新很可能是通过与Ember.js紧密结合其他项目来实现,比如Glimmer,它为Ember.js应用程序提供了一个新UI框架,该框架基于TypeScript...为什么我会选择Ember.js? 如果你在框架寻找成熟度,那么Ember.js很难出错。

2.3K60

6 大主流 Web 框架优缺点对比

何时选择 Angular 2+ 如果你需要在一个大型框架内获取技术资源,框架内技术通常很容易移植;或者你需要在框架训练开发人员,并且还要有一定信心,他们会在短期内获得一定开发能力,这样的话你可以考虑...在这一过程,你不仅需要对你团队和组织能力保持诚实,还要在你初始开发过程,以及在整个应用程序长期维护过程中保持诚实。 Vue.js 有什么优势?...Dojo2 专注于带来更多构建在状态容器体系之上动态组件体验模式,填补了 react+redux 等框架许多空白。...Ember.js不可能在将来随时消失,尽管他们创新很可能是通过与Ember.js紧密结合其他项目来实现,比如Glimmer,它为Ember.js应用程序提供了一个新UI框架,该框架基于TypeScript...为什么我会选择Ember.js? 如果你在框架寻找成熟度,那么Ember.js很难出错。

2.1K20

一些前端框架比较(下)——Ember.js 和 React

Ember.js Ember.js extend 写法很类似于 JQuery 或者是 Backbone.js,创建 Application,然后在它下面创建相应 Model(Object)、Controller...Ember.js 部分代码就容易显得啰嗦(代码表现力上,总体来说,用 AngularJS 时候我能感觉到自己是时而做设计,时而写逻辑,但是用 Ember.js 时候总觉得要么在捣鼓表达式,要么在折腾...比如说其中 Ember Data 是不得不提,它做给数据模型层做了非常好封装,和 Node.js 一起使用,通信 API 部分,传输数据序列化部分,都不用关心(实现遵照 JSON API),把注意力放在它往上逻辑上就好了...)来获取新状态。...; Ember.js 说太幼稚,世界是你们,世界是他们,但世界早晚是 Ember.js

2.2K20

高质量前端资源 ( 一 )

Understanding ECMAScript 6 es6 手册 javascript API文档 Javascript design pattern jstips 每天花两分钟时间就可以了解到一些精选js...’s Glimmer: Fight 对比几种主流dom动态更新方案包括Virtual DOM 和 Incremental DOM以及Ember Glimmer,最后指出react在可整合性,声明式组件化开发等方面相对做更好...本文讨论了ember,angular,react三种主流框架数据变动检测方式,分别是ember数据绑定,手动负责更新dom;angular脏检查,定时检查那些已注册进观察对象里片段,如果有变动,...I How to Start Contributing to Node.js node.js面试 CSS Use Cases For CSS Vertical Media Queries Styling...css3-mediaqueries.js 能使得绝大部分浏览器都能支持media query,用法和正常使用媒介查询一样 Hack A new micro clearfix hack Build tool

1.8K11

6 大主流 Web 框架优缺点对比

何时选择 Angular 2+ 如果你需要在一个大型框架内获取技术资源,框架内技术通常很容易移植;或者你需要在框架训练开发人员,并且还要有一定信心,他们会在短期内获得一定开发能力,这样的话你可以考虑...在这一过程,你不仅需要对你团队和组织能力保持诚实,还要在你初始开发过程,以及在整个应用程序长期维护过程中保持诚实。 Vue.js 有什么优势?...Dojo2 专注于带来更多构建在状态容器体系之上动态组件体验模式,填补了 react+redux 等框架许多空白。...Ember.js不可能在将来随时消失,尽管他们创新很可能是通过与Ember.js紧密结合其他项目来实现,比如Glimmer,它为Ember.js应用程序提供了一个新UI框架,该框架基于TypeScript...为什么我会选择Ember.js? 如果你在框架寻找成熟度,那么Ember.js很难出错。

1.5K00
领券