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);
}
}
});

EmberJS路由详解相关推荐

Ocelot简易教程（三）之主要特性及路由详解
作者:依乐祝原文地址:https://www.cnblogs.com/yilezhu/p/9664977.html 上篇<Ocelot简易教程(二)之快速开始2>教大家如何快速跑起来一个 ...
React Router路由详解
React Router路由详解一.基础 1.安装使用 2.React Router 中通用的组件路由组件 BrowserRouter 和 HashRouter 路径匹配组件: Route 和 S ...
vue路由详解 --基础
vue路由详解 --基础 1.router-link 和router-view组件 router-link相当于封装了一个a标签 router-view为组件显示的位置 <router-link ...
elasticsearch系列三：索引详解（分词器、文档管理、路由详解（集群））
目录一.分词器 1. 认识分词器 1.1 Analyzer 分析器 1.2 如何测试分词器 2. 内建的字符过滤器(character filter) 2.1 HTML过滤字符过滤器(HTML S ...
angular路由详解
angular路由路由 (route) ,几乎所有的 MVC(VM) 框架都应该具有的特性,因为它是前端构建单页面应用 (SPA) 必不可少的组成部分. 那么,对于 angular 而言,它自然也有 ...
静态路由和默认路由详解及配置方法️
目录一.路由详解 1.路由器工作原理: 2.路由表形成: 3.直连路由: 4.非直连路由: 二.静态路由 1.静态路由详解: 2.配置静态路由三. 默认路由: 1.默认路由详解 2.配置默认路由方 ...
API 网关服务：Spring Cloud Zuul（二）：路由详解、Cookie 与头信息
实践出于<Spring Cloud 微服务实战> - 瞿永超著路由详解传统路由配置传统路由配置就是在不依赖于服务发现机制的情况下,通过在配置文件中具体指定每个路由表达式与服务实 ...
unity 3d shaderlab 开发实战详解_vue实战开发011:使用router-view嵌套路由详解
前面已经把首页的顶部header和底部的footer页面写完,现在开始写内容区域了,在写内容之前我们先要将路由配置好,不然无法在页面上查看效果,所以这里我在components目录下先建了一个home ...
RN和React路由详解及对比
前言在平时H5或者RN开发时,我们业务场景中大部分都不是单页面的需求,那这时我们就能使用路由在进行多页面的切换.下面会对比一下react路由和RN路由的本质区别和使用方法. 路由(routing)是 ...

EmberJS路由详解

EmberJS路由详解相关推荐

最新文章

热门文章