title: Ember - Displaying API response data on Template.hbs
body: <p>I'm very new to Ember - highly appreciated if anyone can assist. I need to display the network request response:</p>
  
  <p>This is my <code>port</code> route:</p>
  
  <pre><code>import Route from '@ember/routing/route';
  
  export default Route.extend({
      model(params) {
          this.store.findRecord('node', params.node_id).then((res) =&gt; {
              var port = res.ports.arrangedContent.currentState;
              console.log(port);
              return port;      
          });
      }
  });
  </code></pre>
  
  <p>Here is the port model:</p>
  
  <pre><code>import DS from 'ember-data';
  
  var ports = {
      label: DS.attr('string'),
      mode: DS.attr('string'),
      node_name: DS.attr('string'),
      port_csid: DS.attr('string'),
      proxied_ssh_url: DS.attr('string'),
      web_terminal_url: DS.attr('string'),
      runtime_status: DS.belongsTo('nodeRuntimeStatus', {async: false}),
      parent: DS.belongsTo('node', {async: false}),
  };
  
  export default DS.Model.extend(ports);
  </code></pre>
  
  <p>below is the template:</p>
  
  <pre><code>{{#each item in model}}
      &lt;span&gt;
         {{item.label}}
      &lt;/span&gt;
  {{/each}}
  </code></pre>
  
  <p>API call happens and I can console.log the ports (array) but no sure why I get nothing to display.</p>