在ember中返回带有字符串的记录

时间:2017-06-14 00:28:26

标签: javascript ember.js frameworks ember-data

我正在尝试实现一个搜索功能,用户可以通过在组件中传递用户名来返回其他用户。我按照ember指南操作,并在我的路线文件中输入以下代码:

import Ember from 'ember';

export default Ember.Route.extend({
  flashMessages: Ember.inject.service(),
  actions: {
    searchAccount (params) {
      // let accounts = this.get('store').peekAll('account');
      // let account = accounts.filterBy('user_name', params.userName);
      // console.log(account);

      this.get('store').peekAll('account')
      .then((accounts) => {
        return accounts.filterBy('user_name', params.userName);
      })
      .then((account) => {
        console.log(account);
        this.get('flashMessages')
        .success('account retrieved');
      })
      .catch(() => {
        this.get('flashMessages')
        .danger('There was a problem. Please try again.');
      });
    }
  }
});

但是,此代码会引发以下错误:

"You cannot pass '[object Object]' as id to the store's find method"

我认为.find方法的这种实现不再有效,我需要以不同的方式返回对象。我该怎么做呢?

2 个答案:

答案 0 :(得分:1)

DS.Store #find在现代版本的Ember Data中不是有效的方法。如果用户已经在商店中,您可以查看并过滤它们:

this.store.peekAll('account').filterBy('user_name', params.userName);

否则,您需要使用您在之前问题中使用的相同方法,并query它们(假设您的后端支持过滤):

this.store.query('account', { filter: { user_name: params.userName } });

答案 1 :(得分:1)

.then您无法filterBy

.then您无法peekAll。因为两人都不会归还承诺。

searchAccount内调用异步代码并返回结果在这里没有多大意义。因为searchAccount将在完成异步代码之前快速返回。

this.get('store').findAll('account',{reload:true}).then((accounts) =>{
 if(accounts.findBy('user_name', params.userName)){
  // show exists message
 } else {
  //show does not exist message
 }
});

上面的代码将联系服务器,获取所有结果,然后执行findBy进行过滤。所以过滤是在客户端完成的。而不是这个你可以做查询,

this.store.query('account', { filter: { user_name: params.userName } }).then(accounts =>{
 //you can check with length accounts.length>0
 //or you accounts.get('firstObject').get('user_name') === params.userName
 //show success message appropriately.
});