我正在尝试实现一个搜索功能,用户可以通过在组件中传递用户名来返回其他用户。我按照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
方法的这种实现不再有效,我需要以不同的方式返回对象。我该怎么做呢?
答案 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.
});