码迷,mamicode.com
首页 > Web开发 > 详细

Ember——Ember.js凌阁的课件

时间:2015-10-03 18:03:16      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:

一、Controller:
定义的变量,直接在模板显示
var HelloEmber = Ember.Application.create();
HelloEmber.ApplicationController = Ember.Controller.extend({
  greeting : "Good Morning Starshine!",
  happyThought : "The Earth Says Hello!"
});
<body>
  <div>
    <scripttype="text/x-handlebars"data-template-name="application">
      <h1>{{greeting}}</h1>
      <h3>
        {{happyThought}}
      </h3>
    </script>
  </div>
</body>

技术分享

<!-
Ember.Controller中加入的变量,只在主模板生效
->
二、
Rout中this.resource控制哪个模板显示
App.Router.map(function()
{
    this.resource(‘hu‘, {path: ‘/‘});    //根路径加载hu
});
三、Controller控制哪个模板,由其名字决定
App.Hu1Controller =Ember.Controller.extend({
 
    name: ‘zlg‘
});
《在Hu1的模板》
四、控制动作

技术分享

模板中变量赋值第二种方式,route的model,返回值可以是对象,数组,数值

技术分享

控制器和route都渲染模板时,控制器生效,route的model失效

技术分享

arrayController使用示例

技术分享

Ember——Ember.js凌阁的课件

标签:

原文地址:http://www.cnblogs.com/hu-clover/p/4853623.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!