Categories: Ember 对象模型

Ember 元数据

元数据是数据与一个特定的模式或类型,而不是一个纪录。

一个很常见的例子是分页。通常会像下面的代码设置分页:

let result = this.store.query(‘post’, {
  limit: 10,
  offset: 0
});

设置了每页显示数据为10条,但是你不知道总条数,又怎么知道一共有多少页呢?这时候元数据就派上用场了。

{
  "post": {
    "id": 1,
    "title": "Progressive Enhancement is Dead",
    "comments": ["1", "2"],
    "links": {
      "user": "/people/tomdale"
    },
    // ...
  },


  "meta": {
    "total": 100
  }
}

这些数据是从后台返回的JSON格式数据,如果你想获取元数据可以使用this.get(meta)获取。甚至还可以从query()方法中获取。

let=> 都是javascript ES6的语法,如果你想了解有关javascript ES6请Google

对于元数据在项目中的使用会在后面的例子中展现。在介绍完Ember基础知识后我回做一个比较完整的小项目,我会在项目中尽可能的使用所讲过的知识点,敬请期待……
_小项目代码:todos_


博文完整代码放在Github(博文经过多次修改,博文上的代码与github代码可能有出入,不过影响不大!),如果你觉得博文对你有点用,请在github项目上给我点个star吧。您的肯定对我来说是最大的动力!!

andy

前端小白,在Web176教程网这个平台跟大家一起学习,加油!

Share
Published by
andy

Recent Posts

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

4 天 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

2 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

3 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

3 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

3 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

1 月 ago