Is it possible to use `ember-infinity` with `ember-concurrency`

pkimber · August 9, 2018, 8:01pm

I have been searching for answers to this, but can’t find anything:

github.com/ember-infinity/ember-infinity

Is it possible to use `ember-infinity` with `ember-concurrency`?

opened 07:59PM - 09 Aug 18 UTC

Is it possible to use `ember-infinity` with `ember-concurrency` (I am learning `…ember` and `javascript`)? I have the following code in my route: ```javascript import Route from '@ember/routing/route'; import { inject as service } from '@ember/service'; import { isBlank } from '@ember/utils'; import { task, timeout } from 'ember-concurrency'; const DEBOUNCE_MS = 250; export default Route.extend(AuthenticatedRouteMixin, { infinity: service(), actions: { doNothing() { return false; } }, contactTask: task(function *(params) { if (isBlank(params)) { return []; } yield timeout(DEBOUNCE_MS); let contact = yield this.infinity.model('contact', params); return contact; }).restartable(), model(params) { /* * Copied from: * Replacing your Route models with Ember Concurrency Tasks: * https://medium.com/@AveryBloom/async-or-swim-replacing-your-route-models-with-ember-concurrency-tasks-5a230252893a * and: * Debounced Type-Ahead Search: * http://ember-concurrency.com/docs/examples/autocomplete */ return { contact: this.get('contactTask').perform(params) }; }, queryParams: { criteria: { refreshModel: true } } ``` And this in my `hbs` file: ```html {{#if model.contact.isRunning}} <tr valign="top"> <td colspan="3"> Loading contact list... </td> </tr> {{else}} {{#each model.contact.value as |contact|}} <tr valign="top"> <td> {{#link-to "contact-detail" contact.id}} {{contact.companyName}} {{/link-to}} </td> <td> {{#link-to "contact-detail" contact.id}} {{contact.title}} {{contact.firstName}} {{contact.lastName}} {{/link-to}} </td> <td> {{#each contact.addresses as |address|}} {{contact-address-in-a-table-cell address=address}} {{/each}} </td> </tr> {{/each}} <tr> <td colspan="3"> {{infinity-loader infinityModel=model.contact loadingText='Loading records...' loadedText='All records loaded.'}} </td> </tr> {{/if}} ``` It is nearly working, but the `infinity-loader` never finishes loading and every request to the server is duplicated. Any thoughts would be appreciated. Thank you.

It is working correctly without ember-concurrency, but then I lose the benefits…

Topic		Replies	Views
How do you target ember-cli-mirage from a regular AJAX request using ember-concurrency? Ember Data	23	1703	August 13, 2019
Ember-ajax and retry	2	1158	October 30, 2016
Ember 2, call functions in route using Ember.run.debounce	5	3506	April 16, 2017
How to implement an Event Quere Design	9	881	December 14, 2017
Ember.js - Ember 3.11 Released Blog	4	724	July 22, 2019

Is it possible to use `ember-infinity` with `ember-concurrency`

Related Topics