Categories: Ember 对象模型

Ember 设置记录到Store

EmberStore就像一个缓存池,用户提交的数据以及从服务器获取的数据会首先保存到Store。如果用户再次请求相同的数据会直接从Store中获取,而不是发送HTTP请求去服务器获取。

当数据发生变化,数据首先更新到Store中,Store会理解更新到其他页面。所以当你改变Store中的数据时,会立即反应出来,比如上一篇更新记录小结,当你修改article的数据时会立即反应到页面上。

1,push()方法

你可以调用push()方法一次性把多条数据保存到Store中。比如下面的代码:

//  app/routes/application.js


import Ember from ember;


export default Ember.Route.extend({
    model: function() {
        this.store.push({
            data: [
                {
                    id: 1,
                    type: album,
                    attributes: {   //  设置model属性值
                        title: Fewer Moving Parts,
                        artist: David Bazan
                        songCount: 10
                    },
                    relationships: {}  //  设置两个model的关联关系
                },
                {
                    id: 2,
                    type: album,
                    attributes: {   //  设置model属性值
                        title: Calgary b/w I Can  Make You Love Me/Nick Of Time,
                        artist: Bon Iver,
                        songCount: 2
                    },  
                    relationships: {}  //  设置两个model的关联关系
                }
            ]
        });
    }
});

注意type属性值必须是模型的属性名字。attributes哈希里的属性值与模型里的属性对应。

本篇不是很重要,就简单提一提,如有兴趣请看Pushing Records Into The Store的详细介绍。


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

冒牌SEO

前端开发者,欢迎大家一起沟通和交流。

Share
Published by
冒牌SEO

Recent Posts

聊聊vue3中的defineProps

在Vue 3中,defineP…

1 天 ago

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

您可以选择删除现有 Cooki…

5 天 ago

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

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

2 周 ago

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

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

3 周 ago

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

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

3 周 ago

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

Vue3中手动清理keep-a…

4 周 ago