大家。在将Ember从2.9.1升级到2.10之后,我有一个奇怪的行为。在此更新之后,当我使用链接到帮助程序导航列表链接时,我获得了整页刷新而不是粒子刷新。在Ember 2.9.1中,它是一个粒子刷新。也许我在这些更新中遗漏了一些东西。
这是我的List
代码应用程序/ router.js
import Ember from 'ember';
import config from './config/environment';
const Router = Ember.Router.extend({
location: 'auto',
rootURL: '/app/'
});
Router.map(function() {
this.route('home', { path: '/' });
this.route('list', { path: '/list/:listId' }, function() {
this.route('lead', { path: 'lead/:leadId', resetNamespace: true });
});
this.route('pageNotFound', { path: '/page-not-found' });
});
控制器/ list.js
import Ember from 'ember';
export default Ember.Controller.extend({
queryParams: ['page', 'sortBy', 'direction', 'archived'],
page: 1,
perPage: 50,
sortBy: 'createdAt',
direction: 'asc',
archived: false
});
路由/ list.js
import Ember from 'ember';
import AuthenticatedRouteMixin from 'ember-simple-auth/mixins/authenticated-route-mixin';
import RouteMixin from 'ember-cli-pagination/remote/route-mixin';
export default Ember.Route.extend(AuthenticatedRouteMixin, RouteMixin, {
queryParams: {
page: {refreshModel: true},
perPage: {refreshModel: true},
sortBy: {refreshModel: true},
direction: {refreshModel: true},
archived: {refreshModel: true}
},
intercom: Ember.inject.service('intercom'),
leadLink: 'lead',
model(params)
{
var intercom = this.get('intercom');
var store = this.get('store');
var list;
params.leadLink = this.leadLink;
if (params.listId) {
list = this.store.findRecord('list', params.listId).then(function (list) {
intercom.update({
"Emails": list.get('user.discovered_emails'),
"Limit": list.get('user.max_discovered_emails')
});
return list;
});
}
else {
params.title = 'All leads';
}
return Ember.RSVP.hash({
list: list,
leads: this.store.query('lead', {
filter: this.getFilter(params)
}, { reload: true }).then(function (leads) {
params.total = leads.get('meta.total');
leads.forEach(function (lead) {
var list = store.peekRecord('list', lead.get('listId'));
lead.set('list', list);
return lead;
});
return leads;
}),
lists: this.store.peekAll('list'),
params: params
});
},
// ....
模板/组件/侧边栏一览item.hbs
{{#link-to "list" list.id (query-params page=1 archived=false)}}<i class="icon-list-unordered"></i> {{list.name}} <span class="text-muted text-thin">{{#if activeLeadsCount}}({{activeLeadsCount}}){{/if}}</span>{{/link-to}}
感谢您的帮助。
答案 0 :(得分:0)
我想指出我在发布的代码中找到的问题,
1.Inside list route model hook,您正试图使用list
和peekAll
从商店加载peekRecord
模型,但我还没有找到要加载的代码{{1要存储的模型。
如果您执行list
或findAll('list')
,则无法执行peekAll
,您将无法获得任何内容,因为peekRecord
或peekAll
都将返回已存储的内容不会从服务器上获取它。
因此您需要将peekRecord
模型记录加载到list
。为此,您可以在store
挂钩中执行此操作,或者您可以在父路由中执行任何一个
beforeModel
2.对于beforeModel(transition){
this._super(...arguments);
return this.store.findAll('list');
}
帮助,如果我们提供动态细分值(在您的情况下为link-to
),则始终会调用list.id
,beforeModel
和model
钩。
3.如果您不想选择完全转换,也可以设置afterModel
答案 1 :(得分:0)
对不起,伙计们。我发现它没有完全刷新。我有带加载圈的application-loading.hbs。并且它仅在应用程序启动时出现,但在修复CloudFormation Resources后,它会在我刷新列表模型时出现。 无论如何,谢谢你的帮助!