Ember——Ember.js凌阁的课件-优快云博客

本文介绍了Ember.js框架的基本用法，包括如何通过Controller定义变量并在模板中显示，路由资源的配置及其对应的模板加载，以及Controller与路由模型之间的交互原理。

一、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的模板》
四、控制动作