首页
学习
活动
专区
工具
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模板语言是HandlebarHandlebar简洁语法可以使你可以轻松阅读和理解模板,同样也能使页面加载速度变得更快。...使用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.6K60

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.7K20

聊一聊Vue服务端渲染

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

50710

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.2K10

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

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

62010

微信跳一跳可以用 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

【前端】Ember.js学习笔记

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

18830

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

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

2.2K20

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

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

3.6K20

15 个 JavaScript 框架全面概述

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

5.3K10

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.3K50

现代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.8K00

前端三大框架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.1K20
领券