EmberJS路由详解

配置路由器,ember中是根据路径寻找与路由名相对应的模板和控制器的,比如当访问http://localhost:80/这个网址的时候,ember框架会自动寻找与路由名post相对应的PostTemplate模板和PostRoute路由以及PostController控制器,其中路由和控制器可以不定义,框架会自动生成,但如果你想要在加载模板的时候做一些事情,比如给模板填充数据等,就可以在路由里面通过model或setupController两个钩子方法,这两个方法会自动运行,当用户在模板里触发某个行为的时候,就会在模板所对应的控制器里面找相应的行为方法,所以说控制器可以用来监控模板视图中用户操作的动作,如果控制器是用来监控动作的,就用Ember.ObjectController.extend()来声明,如果控制器是用来给模板提供数据(该数据可以在模板中直接遍历),就用Ember.ArrayController.extend()来声明。

更正以上说法:如果是在地址栏中直接输入的URL,是根据URL寻找模板、路由、控制器,如果是在模板中通过路由名定义的链接,则是根据路由名找相应的模板、路由、控制器

App.Route.map(function(){

  this.resource("post",{path:‘/‘});

  this.resource("posts",{path:"/:posts_id"});

  this.resource(‘about‘,{path:‘about‘});

})

App.PostRoute = Ember.Route.extend({

  model:function(){

    return [{id:1,name:‘kevin‘,age:18},{id:2,name:‘ivan‘,age:20}];

  }

})

App.PostController = Ember.ObjectController.extend({
isEditing: false,

actions: {
edit: function() {
this.set(‘isEditing‘, true);
},

doneEditing: function() {
this.set(‘isEditing‘, false);
}
}
});

时间: 2024-08-29 15:38:22

EmberJS路由详解的相关文章

3A2H地址路由详解

接着上一篇文章所说.前一篇重点说了地址划分.3A内部结构包括内部节点结构和与系统架构以及二级XBAR的地址路由和转换情况.这篇主要讲解3A2H的系统结构.将会结合3A2H的窗口寄存器具体值来分析其地址路由情况. 3A2H系统结构 3A2H的系统框图如下所示: 图1-3  3A2H系统结构图 可以看出3A和2H通过HT连接起来,3A四核处理器作为板卡上的主处理器,2H芯片作为桥片扩展外部接口.结合上篇文章中所提3A内部结构,可知3A的HT连接在一级XBAR上,而地址经过HT后发送到2H端,然后在经

elasticsearch系列三:索引详解(分词器、文档管理、路由详解)

一.分词器 1. 认识分词器  1.1 Analyzer   分析器 在ES中一个Analyzer 由下面三种组件组合而成: character filter :字符过滤器,对文本进行字符过滤处理,如处理文本中的html标签字符.处理完后再交给tokenizer进行分词.一个analyzer中可包含0个或多个字符过滤器,多个按配置顺序依次进行处理. tokenizer:分词器,对文本进行分词.一个analyzer必需且只可包含一个tokenizer. token filter:词项过滤器,对to

ant-design-pro 动态菜单-路由详解

ant-design-pro 动态菜单-路由详解最近利用ant-design-pro开发项目要实现之前的项目嵌入到新项目里来,并且根据和后台的接口返回的数据显示侧边栏菜单.既然是是利用别人的架构那当然是从文档中找实现的方法,终于不负苦心人在https://pro.ant.design/docs/router-and-nav-cn文档那里找到初步的解决方法 进入src/layouts/Basilayout.js在官网中直接复制该代码,将原文件替换.现在正式进入正题. 1,在src/layouts/

iOS路由详解

本文如题,路由详解,注定是一篇详细解释iOS路由原理及使用的文章,由于此时正在外地出差,无法详细一一写出,只能不定时的补充. 一.什么是iOS路由 路由一词来源于路由器,可以实现层级之间消息转发的功能. 二.实例 12345678 @implementation UIResponder (GXRouter) - (void)routerEventWithName:(NSString *)eventName userInfo:(NSDictionary *)userInfo{ [[self nex

vue技术栈进阶(02.路由详解—基础)

路由详解(一)--基础: 1)router-link和router-view组件 2)路由配置 3)JS操作路由 原文地址:https://www.cnblogs.com/jackson1/p/12698712.html

angular路由详解:

1.$routeProvider ngRoute模块中的服务 2.otherwise:设置用于路由改变时,与任何其他定义的路由无法匹配的时候执行的代码 3.when:为$route服务定义新的路由 例 var app=angular.module('myApp',['ngRoute']); //配置angular路由//$routeProvider是ngRoute模块中的服务 app.config(function($routeProvider){ //when:第一个值是配置路由的名称,第二个

AngularJs ng-route路由详解

本篇基于ng-route来讲下路由的使用...其实主要是 $routeProvider 搭配 ng-view 实现. ng-view的实现原理,基本就是根据路由的切换,动态编译html模板. 更多内容参考:Angularjs总结 前提 首先需要在页面引入angular和angular-route,注意要在angular-route之前引入angular <script src="../../bower_components/angular/angular.js"></

路由详解

1. 策略路由 1) 介绍 策略路由是一种比基于目标网络进行路由更加灵活的数据包路由转发机制. Linux最多可以支持255张路由表,其中有3张表是内置的:存在文件/etc/iproute2/rt_tables中 表255 本地路由表(Local table) 本地接口地址,广播地址,已及NAT地址都放在这个表.该路由表由系统自动维护,管理员不能直接修改. 表254 主路由表(Main table) 如果没有指明路由所属的表,所有的路由都默认都放在这个表里,一般来说,旧的路由工具(如route)

angularJs-route路由详解

本篇基于ng-route来讲下angular中的路由,路由功能主要是 $routeProvider服务 与 ng-view 实现. ng-view的实现原理,是根据路由的切换,动态编译html模板--$compile(html)(scope). 更多内容参考:Angularjs总结 前提 首先需要在页面引入angular和angular-route,注意要在angular-route之前引入angular <script src="../../bower_components/angula