小编Rad*_*res的帖子

关于ember cli的体面教程如何获取JSON响应

我一直在浪费我的所有旅程,试图找到一个简单的教程,解释如何使用ember cli制作一个简单的应用程序来处理基本的json文件...我当然读过www.ember-cli.com,他们解释很多东西但是......我不知道该怎么办.是否有一个基本的例子解释(假人水平)如何制作一个解析json响应的简单应用程序?我已经使用了RESTAdapter,我已经构建了muy模型,但我真的不知道如何制作以便向我的模板发送一种响应.

这是app/adapters文件夹下的person.js文件

import DS from 'ember-data';

var ApplicationAdapter = DS.RESTAdapter.extend({  
    host: 'http://localhost:8000/persons',
   namespace: 'person'
});



export default ApplicationAdapter;
Run Code Online (Sandbox Code Playgroud)

这是我app/model下的persons.js模型文件

import DS from 'ember-data';

export default DS.Model.extend({
  firstName: DS.attr('string'),
  lastName: DS.attr('string'),
  occupation: DS.attr('string')
});
Run Code Online (Sandbox Code Playgroud)

这是app/templates/components下的handlebars模板persons-tmp.hbs文件

<ul>    
{{#each model as |item|}}
        <li>{{item.firstName}}</li>
      {{/each}}
</ul>
Run Code Online (Sandbox Code Playgroud)

我的persons.js文件处理文件夹app/routes

import Ember from 'ember';

    export default Ember.Route.extend({  
        model: function() {
            return this.store.findAll('persons');
        }
    })
Run Code Online (Sandbox Code Playgroud)

最后调用http:// localhost:8000 / people的json响应:

"person": { …
Run Code Online (Sandbox Code Playgroud)

rest json ember.js ember-cli

2
推荐指数
1
解决办法
912
查看次数

标签 统计

ember-cli ×1

ember.js ×1

json ×1

rest ×1