async-with-delayed-send.hbs

{{#with (async (ajax)) as |result|}} 
  {{#loading-overlay result.isPending}}
    <button onclick={{action ajax.get '/products'}}>Load</button>
    {{#with (list result) as |products|}}
      {{#each (list products) as |item}}
         {{item.title}}
        <button {{action (action ajax.delete 'products/:id' 
                 data=(hash id=item.id) 
                 on-success=(action products.remove item))
                 on-error=(action notifications.error 'Could not delete item')
         }}>Delete</button>
      {{/each}}
  {{/with}}
 {{/loading-overlay}}
{{/with}}

async-with-init-event.hbs

{{#with (ajax) as |ajax|}}
  {{#with (async ajax on-init=(action ajax.get '/products'))) as |result|}} 
    {{#loading-overlay result.isPending}}
      {{#with (list result) as |products|}}
        {{#each (list products) as |item}}
           {{item.title}}
          <button {{action (action ajax.delete 'products/:id' 
                   data=(hash id=item.id) 
                   on-success=(action products.remove item))
                   on-error=(action notifications.error 'Could not delete item')
           }}>Delete</button>
        {{/each}}
    {{/with}}
   {{/loading-overlay}}
  {{/with}}
{{/with}}

async.hbs

{{#with (ajax) as |ajax|}}
  {{#with (async ajax (action ajax.get '/products'))) as |result|}} 
    {{#loading-overlay result.isPending}}
      {{#with (list result) as |products|}}
        {{#each (list products) as |item}}
           {{item.title}}
          <button {{action (action ajax.delete 'products/:id' 
                   data=(hash id=item.id) 
                   on-success=(action products.remove item))
                   on-error=(action notifications.error 'Could not delete item')
           }}>Delete</button>
        {{/each}}
    {{/with}}
   {{/loading-overlay}}
  {{/with}}
{{/with}}