×

EmberJS 教程

EmberJS 概述EmberJS 环境配置EmberJS 应用EmberJS 对象模型EmberJS 模板EmberJS 路由器EmberJS 组件EmberJS 模型EmberJS 视图EmberJS 控制器EmberJS 测试EmberJS 指定查询参数

Ember 对象模型

Ember 类的定义 初始化 继承Ember 类的扩展Ember 计算属性Ember 观察者Ember 数据绑定Ember 枚举Ember 第一章对象模型小结

Ember handlebars模板

Ember handlebars基础Ember handlebars条件表达式Ember handlebars遍历标签Ember handlebars显示对象键Ember handlebars属性绑定Ember {{link-to}} 助手Ember 路由 模板执行渲染顺序Ember {{action}} 助手Ember 表单元素Ember 调试助手Ember 工具类的助手Ember 第二章模板小结

Ember 路由

Ember 路由定义Ember 指定与路由关联的模型Ember 模板渲染Ember 路由重定向Ember 路由终止挑战和激活Ember loading error子路由Ember 查询参数Ember 异步路由

Ember 组件

Ember 组件定义Ember 属性传递Ember 包裹内容自定义包裹组件的HTML标签Ember 处理事件Ember action触发变化

Ember 控制器

Ember 控制器Ember 管理控制器的依赖关系

Ember 模型

Ember model简介Ember 定义模型Ember 记录查询Ember 新建、更新、删除记录Ember 设置记录到StoreEmber model的关联关系处理Ember 元数据Ember 自定义适配器Ember 自定义序列号器

Ember 测试

Ember 测试简介Ember 验收测试Ember 单元测试

EmberJS 对象模型


面向对象的分析和设计技术被称为对象建模。在Ember.js中,所有对象都来自Ember.Object。

类和实例

类是一个模板或蓝色打印,具有变量和函数的集合,其中作为实例与该类的对象相关。

您可以使用Ember.Object的extend()方法创建新的Ember类,如下所示:

App.NameOfClass = Ember.Object.extend({
   VariableName1:'values',
   ..
   VariableNamen:'values',
   FunctionName: function(thing)
   {
      //display logic
   }
});

NameOfClass和FunctionName是类的名称和在类中定义的函数的名称。

让我们看看如何使用基类来扩展子类,如下所示:

App.Student = Ember.Object.extend({
   disp: function() {
      var roll = this.get('rollnum');
      var name = this.get('name');
      document.write("Roll num: "+roll+" Name: "+name);
   }
});

App StudentInfo = App.Student.extend({
   rollnum:"12",
   name: "Jhon",
});

在上面的代码中,基类的名称是Student,StudentInfo是子类,它由基类扩展。disp是在基类中声明的函数的名称,显示学生信息。您可以使用_super()方法来立即引用父类方法。

下表显示如何创建Ember类的实例:

序号 实例和说明
1 创建和初始化实例
通过调用create()方法创建该类的实例化,并使用init()方法自动初始化该类的实例。

让我们通过点击以下链接看到一些关于对象模型的更多详细信息:

什么时候使用计算属性,观察器和绑定

  • 计算属性将函数声明为属性。您可以通过将计算属性定义为一个函数来创建一个,当您请求属性时,ember.js会自动调用。对计算的属性的多次调用将始终返回相同的值。

  • 如果两个或多个对象之间存在关系,则使用Observer模式,例如,如果一个对象被更新,其依赖对象将被自动通知。

  • 绑定有助于组合两个不同的层使同步。


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)