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

在Ember.js 2中的handlebar模板上获取当前路由名称

在Ember.js 2中,可以通过使用{{unbound}}{{get}}来获取当前路由名称。

首先,在handlebar模板中,使用{{unbound}}来获取当前路由名称。{{unbound}}是一个Ember.js的辅助函数,它可以用于绑定一个属性的值,而不会触发自动更新。

代码语言:handlebars
复制
{{unbound currentRouteName}}

然后,在相关的JavaScript代码中,使用{{get}}来获取当前路由名称。{{get}}是Ember.js的辅助函数,用于获取对象的属性值。

代码语言:javascript
复制
import Ember from 'ember';

export default Ember.Component.extend({
  currentRouteName: Ember.computed(function() {
    return this.get('routeName');
  })
});

这样,currentRouteName属性将会返回当前路由的名称。

关于Ember.js的更多信息和使用方法,可以参考腾讯云的Ember.js产品文档:Ember.js产品介绍

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

相关·内容

Ember.js和Vue.js对比,哪个框架更优秀?

应该能够在页面加载时传输更多数据,从而使页面成为单页应用,单页应用程序使用体验显然更好。 在单页架构中,如果用户需要共享应用子页面链接,那么框架应该具有基于URL路由不同功能的能力。...Ember的模板语言是Handlebar,Handlebar简洁的语法可以使你可以轻松阅读和理解模板,同样的也能使页面加载速度变得更快。...使用Handlebar另一个优势是,不必每次在页面上添加或删除数据时都更新模板。语言本身将自动为你完成。...Ember.js是一个完全加载的前端框架。 框架稳定,因为所有组件都具有相同的功能和属性。 具有明确定义的限制,可防止您使应用程序复杂化 Handlebar使你可以轻松阅读和理解模板。...并且还有助于更快地加载模板。 每次添加或删除数据时,Handlebar将确保更新模板。 Ember.js有一个活跃的社区,可以定期更新框架并从而促进向后兼容。

2.8K20

JavaScript框架比较:AngularJS vs ReactJS vs EmberJS

强大的模板构建解决方案。在HTML属性中使用绑定表达式来驱动模板功能。Angular的模板引擎对DOM有着深入的理解,且其结构良好的模板减少了创建结果页面所需的代码总量。...完全成型的模板机制(Handlebars模板引擎构建在流行的Mustache 模板引擎上)减少了编写的代码总量。它对DOM一无所知,而是依赖于直接的文本操作,动态地构建HTML文档。...你必须在模型上使用特定的setter方法来更新绑定到UI的值,在Handlebars渲染页面的时候。...Handlebars布局和Ember的后端基础设施允许编写你自己的特定于应用程序的HTML标签。然后,可以在任何Handlebar模板中使用自定义元素。...路由 需要模板或控制器到其路由器配置,必须手动管理。 React不处理路由。但是有很多模块用于路由,如react-router,flow-router。 更强大的路由,以牺牲可增加的复杂性为代价。

12.7K60
  • 2022 年十大 JavaScript 框架

    不仅如此,程序员使用 JavaScript 框架还可以很容易地设计应用程序在不同设备上的反应。反应式是 JavaScript 框架在开发人员中流行的另一个原因。...中间件、模板、路由、调试和更快的服务器端开发这些特性使 Express.js 在开发人员中广受欢迎。 Angular Angular 是最高效的开源 JavaScript 框架之一。...MVC 架构、数据绑定、依赖注入、模板、组件、组件路由器、HTML 编译器、测试和 DOM 控制结构这些特性使得 Angular.js 排在 JavaScript 框架排行榜的顶部。...Ember.js Ember.js 是一个使用组件服务模式的开源的、高效的 JavaScript 框架。它提供了构建富 UI(这些 UI 可以在任何设备上轻松工作)所需的一切。...使 Ember.js 成为开发人员重要选择的一些关键的特性是:Ember CLI、路由、Ember 日期组件,Ember 监测和一些服务。

    2.8K20

    2016 年 7 个顶级 JavaScript 框架

    4.Node.JS Node.js的主要思想是使用非阻塞、事件驱动I / O来保持在面对运行在分布式设备上的数据密集型实时app的轻量级和高效率。...5.EmberJS 一些令人惊讶的框架,如Ember.js,允许你轻松地以更快的速度开发web应用程序。 Ember.js因为很多原因成为了许多开发人员的首选。...其中有一个原因是Ember.js的路由允许你停止阻塞web。使用Ember,你可以获得URL和具备由你创建的每个路径的默认后退按钮,并且API易于使用。...Mithril为你提供了层次化的MVC组件和默认安全的模板,且具有用于高性能呈现,类似React的智能DOM差异检查功能。...此外,可自定义的数据绑定和URL路由是Mithril.js令人印象深刻的两个功能。 7.Polymer.JS Polymer是产自Google的另一个JavaScript框架。

    4.3K10

    聊一聊Vue的服务端渲染

    什么是服务端渲染 在之前的(vue && react没有出现之前)项目中,前端开发人员的大部分工作只是把UI设计稿转为html交给php或java的后端开发人员,后端开发人员以此html为模板,填充数据后返回整个界面...,整个过程都是在服务端完成的。...后来有了ajax以及类似artTemplate及handlebar模板,前后端逐渐分离开来。前端开发通过ajax获取数据并渲染模板,后端只需提供相应的数据接口即可。...服务端渲染的劣势 增加服务端压力vue或者React的服务端渲染实际上是将整个应用用node实现了一遍,直接在服务端跑了一个node应用。...同时需要考虑的问题有: 本地开发配置及生产环境配置 路由的拆分 状态管理 样式隔离这个有可能需要考虑吧,我也忘了 给一个demo链接 vue-srr-cli我之前做的一个基于Vue的服务端渲染的项目,本来打算整成一个框架

    52710

    微信跳一跳可以用 Python 刷分;macOS 再曝重大安全漏洞,或许已存在 15 年

    (详情:https://github.com/grpc/grpc/archive/v1.8.3.zip) 2、JavaScript MVC 框架 Ember.js v2.18.0 发布 Ember.js...v2.18.0 发布,Ember.js 是一个用于创建 web 应用的 JavaScript MVC 框架,采用基于字符串的 Handlebars 模板,支持双向绑定、观察者模式、计算属性(依赖其他属性动态变化...)、自动更新模板、路由控制、状态机等。...如果你使用 wav2letter 或相关的预训练模型,需引用其中的一篇论文。 另外,如果想要立刻进行语音转录的,Facebook 还提供了 Librispeech 数据集上预训练模型。...Linus 说,“4.15-RC6 内核的 prepatch 已经发布了测试。如果不是最终的 x86 PTI,也会在 diffstat 中显示出来。大约有一半的 rc6 是在 x86 工作。

    1.5K100

    rancherui 如何快速定位资源,找到要修改的地方

    刚接触rancher那会,每天都头皮发麻,项目技术栈太偏,ember.js 文档基本上是英文,也有些老旧的是中文的, 项目结构复杂 很多变量,组件,都是全局注入的,很难找到源头 路由没有统一管理 使用hbs...模板解释器,html中大量使用变量,破坏结构,难以理解 组件加载,编译方式与目前主流的vue组件与react组件差异很大....寻找关键文件 /app/router.js 是这个项目的路由配置文件, 一级二级的路径都是在这个文件进行定义的, 路由使用的是 长路由转化为短路由 我们在浏览器地址栏看到的是短路由, 使用这个短路由找到长路由找到对应路由的文件夹...这是正确的思路 如 浏览器中的短路径 g 对应是长路径 globa-admin 对应的文件加就是 lib/global-admin 貌似,长路径对应的就是文件夹名称 路径中还有一些需要授权,和不需要授权的页面...可以多看看 后面我也会多写一些关于路由的解析,快速定位的文章 记录文档 俗话说,好记性不如一个烂笔头, 在项目探索,研究阶段,一定要多记忆,沉淀成文档, 不仅仅是帮助自己,也是帮助后来人.

    65710

    【前端】Ember.js学习笔记

    模板通过查找其关联的控制器的model属性来进行渲染。例如,photos模板将会使用App.PhotosController的model属性来进行渲染。)...Ember Data 在Ember中,每个路由都有与之相关联的一个模型。...这个模型可以通过路由的model钩子进行设置,可以通过给{{link-to}}传入一个参数,也可以通过调用路由的transitionTo()方法。...Ember Data是一个与Ember.js紧密结合在一起的代码库,简化了客户端从服务器获取记录,在本地进行缓存以提高性能,保存修改到服务器,创建新的记录等一系列的操作。...目前,Ember Data还是一个独立于Ember.js的库。在Ember Data被作为标准发行版的一部分之前,你可以在builds.emberjs.com下载最新的版本。

    24330

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

    HTML 属性); 比如基于字符串的模板(对比 Angular 基于整棵 DOM 树上绑定属性实现)有诸多优势:预编译,不需要遍历整棵 DOM 树; 比如在服务器上渲染应用的话,Ember.js 不需要启动整个浏览器环境...Ember.js 的这部分代码就容易显得啰嗦(代码表现力上,总体来说,用 AngularJS 的时候我能感觉到自己是时而做设计,时而写逻辑,但是用 Ember.js 的时候总觉得要么在捣鼓表达式,要么在折腾...解决方案是使用别的模板引擎来替代 Handlebars(比如 HTMLBars)。 Ember.js 的社区发展旺盛,生态系统也非常完备。...我认为 React 本身的难度曲线是比较低的,尤其是和 Ember.js 等等这些 “充满野心” 的大块头比起来,自己定位清楚,它本身更多地贡献在 View 这一层的丰富表达上,单纯得很。...)来获取新状态。

    2.3K20

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

    8、链式操作方式:JQuery中最有特色的莫过于它的链式操作方式——即对发生在同一个JQuery对象上的一组动作,可以直接接连写无需要重复获取对象。...2.是一个比较完善的前端框架,包含服务,模板,数据双向绑定,模块化,路由,过滤器,依赖注入等所有功能; 3.自定义指令,自定义指令后可以在项目中多次使用。...(模仿Underscore 和 jQuery 的APIs,例如 Lo-Dash 和 Zepto,在不同的兼容性下也一样能运行) 七、EmberJS Ember.js是一个开源的JavaScript客户端框架...在Ember.js中,路由用作模型,句柄模板作为视图,控制器处理模型中的数据。...响应式组件 服务器端渲染 易于集成路由工具,打包工具以及状态管理工具 优秀的支持和社区 区别 名称 Vue React 渲染 渲染过程中是跟踪每一个组件的依赖

    3.7K20

    15 个 JavaScript 框架的全面概述

    历史 React 于 2013 年由 Facebook 的软件工程师 Jordan Walke 首次引入。它最初用于内部目的,后来于 2013 年 5 月在 JSConf US 上开源。...电池包括:Ember.js 提供了一组丰富的内置功能,例如路由、数据管理和强大的模板引擎,减少了对额外库或插件的需求。...内置路由和API路由:Next.js提供了简单直观的路由系统,允许开发人员轻松定义和处理路由。它还包括 API 路由,可以方便地在应用程序本身内创建无服务器端点。...自动路由:Nuxt.js 通过根据项目的文件结构自动生成路由来简化路由。这消除了手动配置路由的需要,从而可以轻松地在页面和组件之间导航。...性能注意事项:创建具有大量对象和动画的复杂场景会影响性能。需要仔细优化以确保流畅的渲染和响应能力,特别是在功能较弱的设备上。

    8.1K10

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

    何时选择 Angular 2+ 如果你需要在一个大型的框架内获取技术资源,框架内的技术通常很容易移植;或者你需要在框架中训练开发人员,并且还要有一定的信心,他们会在短期内获得一定的开发能力,这样的话你可以考虑...这也许是一个潜在的发展机遇和挑战,同时希望能够在灵活性和交互性上而不是别的特殊理由去使用 Dojo2 。 未来将何去何从?...为什么我会选择Ember.js? 如果你在框架中寻找成熟度,那么Ember.js很难出错。...您可以花更少的时间跟随当前的技术趋势,并更多地关注创建应用程序。 Aurelia 优势在哪? Aurelia有很多关于构建Web应用程序的方法,结构和想法。 这个框架的编写有很多技术上的优点。...对于Aurelia来说,有一个很大的机会。如果它能够实现他的愿景,他将要完整的保存这个构建Web应用程序的已有的模板,但会以更健全、更完整的方式交付。

    2.3K60

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

    何时选择 Angular 2+ 如果你需要在一个大型的框架内获取技术资源,框架内的技术通常很容易移植;或者你需要在框架中训练开发人员,并且还要有一定的信心,他们会在短期内获得一定的开发能力,这样的话你可以考虑...这也许是一个潜在的发展机遇和挑战,同时希望能够在灵活性和交互性上而不是别的特殊理由去使用 Dojo2 。 未来将何去何从?...为什么我会选择 Ember.js? 如果你在框架中寻找成熟度,那么 Ember.js 很难出错。...您可以花更少的时间跟随当前的技术趋势,并更多地关注创建应用程序。 Aurelia 优势在哪? Aurelia 有很多关于构建 Web 应用程序的方法,结构和想法。 这个框架的编写有很多技术上的优点。...对于 Aurelia 来说,有一个很大的机会。如果它能够实现他的愿景,他将要完整的保存这个构建 Web 应用程序的已有的模板,但会以更健全、更完整的方式交付。

    2.4K50

    现代web开发方法

    单页应用程序概述(SPA) 内容从数据库中获取,然后通过控制器传递,最后在视图模板发送前与视图模板合并 这体现在每次浏览应用程序或网站时重新加载的页面的形式。...Vue.js - 提供双向数据绑定(也可以在AngularJS中看到)和服务器端渲染,如Angular 2和ReactJS Ember.js - 客户端库使用Handlebars模板引擎来构建Web应用程序...,彼此之间各自独立,减少依赖) 演示文稿(view) - 由包含模板标签的HTML模板进行控制,以执行诸如迭代数据集之类的任务(负责将那些用于把模型中所保存的数据显示在屏幕上的代码组合在一起,本质上就是对各...,会调用控制器以获取用户的模板。...但是,视图是将整个页面放在一起的不同组件的总体集合 绑定 - 处理该视图的控制器内的数据更改时,自动更新的视图的渲染内容 路由 - 在浏览应用程序时,这使用HTML5 pushState深度链接不同的视图

    2.2K10

    前端脚手架构建实践

    NodeJs命令行工具,提供了用户命令行输入和参数解析,用户解析用户输入 inquirer NodeJs交互式命令行工具,询问操作者问题,获取用户输入,校验回答的合法性 metalsmith...chalk 命令行输出样式美化 具体实现 首先在一个新的文件夹,如xxx-tools下 npm init 创建一个node项目,因为是要做成一个npm包的脚手架,所以在包的取名上一定要唯一...,即package.json中name字段,避免在发包的时候和网上已经存在的npm包重名,报403没有权限的错。.../usr/bin/env node 这个是Linux规范,用来指明了这个执行脚本的解释程序,要是没有这一行,默认用当前Shell去解释这个脚本 在package.json中增加bin配置: "bin":...,dist为输出文件的位置,questionConfig为模板中的关键字,需要用户在交互的命令行中输入,下面这段为利用inquirer包,实现命令行交互。

    1.1K30

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

    何时选择 Angular 2+ 如果你需要在一个大型的框架内获取技术资源,框架内的技术通常很容易移植;或者你需要在框架中训练开发人员,并且还要有一定的信心,他们会在短期内获得一定的开发能力,这样的话你可以考虑...这也许是一个潜在的发展机遇和挑战,同时希望能够在灵活性和交互性上而不是别的特殊理由去使用 Dojo2 。 未来将何去何从?...为什么我会选择 Ember.js? 如果你在框架中寻找成熟度,那么 Ember.js 很难出错。...您可以花更少的时间跟随当前的技术趋势,并更多地关注创建应用程序。 Aurelia 优势在哪? Aurelia 有很多关于构建 Web 应用程序的方法,结构和想法。...对于 Aurelia 来说,有一个很大的机会。如果它能够实现他的愿景,他将要完整的保存这个构建 Web 应用程序的已有的模板,但会以更健全、更完整的方式交付。

    2.9K00

    前端三大框架vue,angular,react大杂烩

    有了这三个框架之后,我们告别了以前jquery面条式的代码,也摆脱了到处操作dom元素带来的繁琐,模块业务划分更清晰。这三个框架的出现,不仅让前端的工作得以高效,也让后端省了不少事,比如,路由控制。...唯一需要做的优化是在 v-for 上使用 track-by。   ...React    React 的渲染建立在 Virtual DOM 上——一种在内存中描述 DOM 树状态的数据结构。...年轻的程序员都是好奇的猫,玩过一个又一个的前端框架。从毛球上弄出一条条的线,玩啊玩,最后这一个个的框架在脑子里搅浆糊。...这时,为了更好的考量不同的因素,你需要列出重要的象限,如开发效率,团队喜好,开发周期等时机情况选择哪个框架最合适你当前的团队和项目。

    2.1K60

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

    何时选择 Angular 2+ 如果你需要在一个大型的框架内获取技术资源,框架内的技术通常很容易移植;或者你需要在框架中训练开发人员,并且还要有一定的信心,他们会在短期内获得一定的开发能力,这样的话你可以考虑...这也许是一个潜在的发展机遇和挑战,同时希望能够在灵活性和交互性上而不是别的特殊理由去使用 Dojo2 。 未来将何去何从?...为什么我会选择Ember.js? 如果你在框架中寻找成熟度,那么Ember.js很难出错。...您可以花更少的时间跟随当前的技术趋势,并更多地关注创建应用程序。 Aurelia 优势在哪? Aurelia有很多关于构建Web应用程序的方法,结构和想法。 这个框架的编写有很多技术上的优点。...对于Aurelia来说,有一个很大的机会。如果它能够实现他的愿景,他将要完整的保存这个构建Web应用程序的已有的模板,但会以更健全、更完整的方式交付。

    2.2K20
    领券