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

在Ember 2.7.1中,如何从应用控制器观察当前的路由名称?

在Ember 2.7.1中,可以通过以下方式从应用控制器观察当前的路由名称:

  1. 首先,在应用控制器中定义一个观察器(observer)来监测当前路由的变化。可以使用@observer装饰器或Ember.observer函数来创建观察器。
代码语言:txt
复制
import Controller from '@ember/controller';
import { observer } from '@ember/object';

export default Controller.extend({
  currentRoute: null,

  // 使用@observer装饰器创建观察器
  @observer('currentRouteName')
  onRouteChange() {
    // 当路由名称发生变化时,执行此函数
    this.set('currentRoute', this.get('currentRouteName'));
  }
});
  1. 在模板中,可以通过{{get}}辅助函数来获取应用控制器中的currentRoute属性,从而获取当前路由的名称。
代码语言:txt
复制
{{!-- 模板代码 --}}
Current Route: {{get this 'currentRoute'}}

这样,当路由发生变化时,应用控制器中的currentRoute属性会被更新,模板中的{{get}}辅助函数会自动重新计算并显示当前路由的名称。

请注意,以上代码仅适用于Ember 2.7.1版本,不同版本的Ember可能会有差异。此外,这只是一种获取当前路由名称的方法,Ember还提供了其他方式来处理路由相关的逻辑。

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

相关·内容

JavaScript框架比较:AngularJS vs ReactJS vs EmberJS

Ember对象模型利于键值观察。 嵌套UI。 最小化DOM。 适用于大型应用程序生态系统。 强数据层与Java集成良好。...使用观察者来改变值,这将导致仅渲染更改值。 通过使用附件避免“脏检查”。 更快启动时间和固有的稳定性。 性能焦点。 友好文档和API。 缺点: Ember.js缺少控制器级别的组件重用。...它们能够创建你自己语义和可重用HTML语法。 视图和控制器级别使用mixin,因此组件不必UI相关,并且可能只包含一些实用程序或甚至复杂程序逻辑。 基于Widget方法称为Ember组件。...路由 需要模板或控制器到其路由器配置,必须手动管理。 React不处理路由。但是有很多模块用于路由,如react-router,flow-router。 更强大路由,以牺牲可增加复杂性为代价。...这需要深入了解所考虑每个框架优点和缺点,以及它们如何在不同用例下竞争。所有框架都有很多共同点:开源,许可证下发布,并创建具有MVC设计模式SPA。它们都有视图,事件,数据模块和路由

12.7K60

【前端】Ember.js学习笔记

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

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

    最近一段时间是令前端工程师们非常兴奋时期,因为三大Web框架陆续发布新版本,让我们见识到了更强大Web框架。Ember2.02个月之前已经发布,1.0升级到2.0非常简单。...原生App支持 使用Angular开发原生应用是2.0版本最大改进,Agular团队与React联合,Angular 2.0 中底层使用React Native渲染原生App,可实现新一代混合App...Ember 2.0 Ember.js号称是一个“雄心勃勃”JavaScript MVC框架、现代JavaScript MVC框架代表,是构造如单页面应用等现代Web应用程序新型Web端开发框架。...Ember2.0 特点 Ember 2.0主要改进——移除了之前不建议开发功能,旨在成为一个瘦身框架。Ember 1.13上运行程序,可以无缝切换到Ember 2.0上。...Ember 2.0进一步采用ES2015功能模块,类,和decorators。 修改了项目分布结构,使用“pod”分类代替功能分类(控制器,models,组件等)。 控制器被移除,支持路由控件。

    2.4K70

    现代web开发方法

    让我们看看传统Web应用程序是如何工作。通常,一个完整堆栈服务器端应用程序服务器本身上生成Web应用程序所有数据。只有这样才能在页面呈现之前将其发送给客户端 ?...单页应用程序概述(SPA) 内容数据库中获取,然后通过控制器传递,最后视图模板发送前与视图模板合并 这体现在每次浏览应用程序或网站时重新加载页面的形式。...,它可使工作与相同项目的多位开发者根据应用程序模型,视图,控制器3个层次进行任务划分,那些Vue,Angular框架都是遵循这种模式,但说得轻飘飘,但实际上还真是不简单,其实这些框架背后技术也就是一些什么观察者模式...,组合模式,策略模式等设计模式组合应用产物,此刻论原生js重要性..哈哈 一个服务器端例子 这个例子展示了我们如何获取和渲染不同级别的用户列表 让我们获取用户服务器端控制器开始,以JSON...但是,视图是将整个页面放在一起不同组件总体集合 绑定 - 处理该视图控制器数据更改时,自动更新视图渲染内容 路由 - 浏览应用程序时,这使用HTML5 pushState深度链接不同视图

    2.2K10

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

    JavaScript库和框架之间关键区别在于,库由应用程序可以调用函数组成,用于执行任务,而框架定义了开发人员如何设计应用程序。换句话说,框架调用应用程序代码,而不是反过来。...jQuery UI库提供了各种有趣小部件,如手风琴、滑块、工具提示和数据表,这些小部件使您可以配置应用程序以提供有用服务。 您可以深入到特定小部件或其他控件来查看它们是如何工作。...模型-视图-控制器(MVC)方法上下文中,React提供了视图部分。它不假设您正在使用基础技术堆栈来建模或控制数据。所有的React兴趣就是屏幕上显示数据。...有趣是,Ember.js不仅可用于web开发,您也可以使用它来构建移动应用程序和桌面应用程序——它被用于构建Apple Music。...这个框架文档包含您需要所有主题,包括对象模型、模板、组件、控制器和模型讨论。还有一个博客和Ember.js社区可以提供额外帮助。 3.

    2.2K20

    2023 年web开发人员必须知道 JavaScript 开发工具

    无需单独编写数据库、用户界面和链接(模型-视图-控制器)。它具有将 HTML 扩展到应用程序中依赖注入和数据绑定功能。...此外,开发人员还可以使用 React Hooks,它使用可以整个项目中使用功能组件。...其特点 超高测试覆盖率 基于路由和中间件 高性能 HTTP 帮助程序(重定向、缓存等) 支持多种引擎 Ember Netflix、LinkedIn 和 Nordstrom 等网站使用 Ember,这是一个高效...它为每个版本提供了丰富文档,并使用带有类、生成器和装饰器现代 JavaScript。对于后端应用程序来说,它更加灵活。 它提供与 Ember 集成 CLI,以提高生产力。...为了提高渲染速度,它提供了一个 Glimmer 渲染引擎,这是 Ember 最重要功能。 其特点 跨多个来源访问数据 高性能 路由和双向数据绑定 三级测试

    24010

    梳理 50 年人机交互界面发展史,得出这个规律,开发框架选择不再迷茫

    大前端这一块,前端框架主要是处理人机交互需求。再细一点,就是如何处理输入,如何处理输出。梳理一下计算机诞生以来人机交互方案变化,有助于找到答案。...2,一部分却倾向于将逻辑代码与 UI 反向聚合,做为一个单一组件提供,这是“高内聚”这一软件开发原则提出。 这两种想法都没有错,只是面临复杂业务需求时,进行业务分析与抽象层次不同而已。...它是MVVM基础之上,加一个Service,代理对本地存储、其它跨机、跨应用模块、服务器访问。...Angular:管事情更多,有独立路由,所有功能都在里面。 Ember:相比 Angular,Ember 做得就更加彻底。Ember信奉约定优于配置,崇尚开箱即用。...3、总结 近约 50 年软件人机交互界面框架发展历程来看,交互性逐渐增强,交互复杂性逼迫程序员将业务逻辑分析层次与抽象层次逐级降低。

    1.1K40

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

    2.是一个比较完善前端框架,包含服务,模板,数据双向绑定,模块化,路由,过滤器,依赖注入等所有功能; 3.自定义指令,自定义指令后可以项目中多次使用。...(模仿Underscore 和 jQuery APIs,例如 Lo-Dash 和 Zepto,不同兼容性下也一样能运行) 七、EmberJS Ember.js是一个开源JavaScript客户端框架...,用于开发Web应用程序并使用MVC(模型 – 视图 – 控制器)架构模式。...Ember.js中,路由用作模型,句柄模板作为视图,控制器处理模型中数据。...响应式组件 服务器端渲染 易于集成路由工具,打包工具以及状态管理工具 优秀支持和社区 区别 名称 Vue React 渲染 渲染过程中是跟踪每一个组件依赖

    3.6K20

    .NETASP.NET MVC Controller 控制器(深入解析控制器运行原理)

    讲解,我们对ASP.NETRouting路由系统整个运行机制有了一个基本了解;当我们能清楚知道Url是如何被解析成RouteData对象时,下面就是这些路由数据是如何被后面的应用框架所使用...,而通往应用框架入口是MvcRouteHandler对象; 这篇文章将继续讲解通过路由ASP.NETMVC Controller控制器如何被加载、激活并且执行;跟控制器相关一套对象模型是被MvcHandler...Controller解析环节;Controller解析已经属于ASP.NETMVC应用框架范围,我们可以简单路由解析(UrlRoutingModule)过程视为将请求Url(含有数据Url...,它既要管理好Model执行,也要管理好View呈现;而原本MVC架构模式提出背景是WinFrom情况下,也就是传统C/S结构系统;WinFrom结构系统有一个好处就是它执行很方便,...中获取到当前请求conroller名称,然后用来作为factory.CreateController参数; 图3: ?

    1.2K60

    Ambari系统架构

    ambari-server主要管理部署每个节点上管理监控程序。 Ambari-agent 部署监控节点上运行管理监控程序。...Nodejs 是一个基于Chrome JavaScript运行时建立一个平台,用来方便搭建快速易于扩展网络应用,NodeJS借助事件驱动,非阻塞I/O模型变得轻量和高效,非常适合运行在分布式设备数据密集型实时应用...包括Emberview、templates、controllers、models、routes config.coffee Brunch应用程序生成器配置文件 package.json Npm包管理配置文件...Ambari-web/app/ 目录或文件 描述 assets/ 静态文件 controllers/ 控制器 data/ 数据 mappers/ JSON数据到ClientEmber实体映射 models...MVC中Model routes/ 路由器 styles 样式文件 views 试图文件 templates/ 页面模板 app.js Ember主程序文件 config.js 配置文件

    1.8K10

    前端框架之争丨除了Vue、Angular和React还有谁与之争锋

    近些年,前端开发领域涌现出了大量框架,让人眼花缭乱,不知如何选择。...Ember.js 最后介绍Ember,自前端框架问世就已经存在。11年最初发布,但依旧开发界流行: 它历史可以追溯到React,Vue,Svelte和其他所有公司之前。...Ember与Angular类似应用程序开发中采用更多包含电池方法,并提供构建现代前端JavaScript应用程序所需一切。遵循六个星期发布周期且稳定性极好。...相关工具讲,相关工具众多,Ember CLI到Ember Inspector,还有许多可用第三方库。...如果开发者要进行学习的话,学习曲线中等至陡峭,对于初学者或较小项目,Ember可能不是最佳选择。它具有许多活动部件,并且组织事物时没有提供很大灵活性,合团队工作一部分。

    1.5K30

    vue.js与其他前端框架对比

    相同之处在于,两个框架都专注于UI层,其他功能如路由、状态管理等都交由同伴框架进行处理。 而不同之处是在于它们如何关联它们各自配套框架。...,类似路由插件(Vue-router),Ajax插件(vue-resource)等 下面几个方面来比较一下Vue.js和Angular.js区别 TypeScript Angular 事实上必须用...灵活性 Vue 相比于 Angular 更加灵活,Vue 官方提供了构建工具来协助你构建项目,但它并不限制你去如何组织你应用代码。... Ember 中需要将所有东西放在 Ember 对象内,并且手工为计算属性声明依赖。...性能上,Vue 比 Ember 好很多,即使是 Ember 2.x 最新 Glimmer 引擎。Vue 能够自动批量更新,而Ember 关键性能场景时需要手动管理。

    4.2K80

    2016 年 7 个顶级 JavaScript 框架

    由于它能够SEO(令人惊讶是JS系列一部分)、更简单JSX、虚拟DOM或强大JavaScript库中表现良好,因此ReactJS是开发人员构建动态和高流量Web应用程序选择。 ?...更简单说就是,Node.JS用于特定原因下满足具体需求。 ? 它有助于构建可扩展和快速网络应用程序,因为它能够处理大量高吞吐量并发连接数,从而带来高可扩展性。...5.EmberJS 一些令人惊讶框架,如Ember.js,允许你轻松地以更快速度开发web应用程序。 Ember.js因为很多原因成为了许多开发人员首选。...其中有一个原因是Ember.js路由允许你停止阻塞web。使用Ember,你可以获得URL和具备由你创建每个路径默认后退按钮,并且API易于使用。...本质 选择正确JavaScript框架从来不是取决于特定框架可以提供功能数量。重点在于框架实际功能,以及你如何在自己开发项目中使用该功能。

    4.3K10

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

    双向数据绑定过程中,视图会显示模型中所做更改,反过来模型反映了视图中所做更改。 单页应用:使用 AngularJS 框架,你可以构建完全响应式单页应用,可以轻松完美地适应不同屏幕尺寸。...与其他网络应用相比,它还能改善用户体验。由于基于 AngularJS 单页应用客户端渲染,因此它们通过减少 Web 服务器上压力来减少网络流量。...与其他框架不同,Backbone 让开发人员负责选择最适合当前项目的工具。...Ember Ember是一个开源 JavaScript Web 框架,它允许开发人员通过将最佳实践合并到框架中来构建可伸缩单页面 Web 应用。...最好方便是,添加这些类型智能包很容易,只需终端中敲几下键盘就可以了。 实时网络应用:Meteor 是构建实时程序完美解决方案。数据库到模板所有的层都会自动更新。

    3.8K10

    自动化金丝雀发布

    我们可以将流量拆分与 Linkerd 自动黄金指标(golden metrics)遥测相结合, 并根据观察指标推动流量决策。例如,我们可以逐渐将流量旧部署转移到新部署, 同时持续监控其成功率。...部署会创建一个 pod,该 pod 会返回一些信息,例如名称。您可以使用响应(responses)来观察随着 Flagger 编排增量部署。...要转移外部流量,请将入口控制器添加到网格中。 配置发布 更改任何内容之前,您需要配置发布应如何在集群上推出(rolled out)。该配置包含在 Canary 定义中。...podinfo.test 除了托管部署之外,还创建了一些服务来协调应用程序新旧版本之间路由流量。...当控制器看到 spec 时,它会尽其所能使当前系统 status 与 spec 相匹配。通过部署,如果任何 pod 规范配置发生更改,控制器将启动 rollout。

    59330

    MVC,MVP 和 MVVM 图示

    复杂软件必须有清晰合理架构,否则无法开发和维护。 MVC(Model-View-Controller)是最常见软件架构之一,业界有着广泛应用。...它本身很容易理解,但是要讲清楚,它与衍生 MVP 和 MVVM 架构区别就不容易了。...控制器(Controller):业务逻辑 模型(Model):数据保存 各部分之间通信方式如下。 ?...Controller 非常薄,只起到路由作用,而 View 非常厚,业务逻辑都部署 View。所以,Backbone 索性取消了 Controller,只保留一个 Router(路由器) 。...唯一区别是,它采用双向绑定(data-binding):View变动,自动反映在 ViewModel,反之亦然。Angular 和 Ember 都采用这种模式。 (完)

    1.1K30
    领券