title: embjerjs select from dynamic data
body: <p>I am using ember-cli without ember-data.</p>
  
  <p>I have a form that requires a select drop down that is generated from some data from an api response. this is the api response:</p>
  
  <pre><code>{
    "data": [
      {
        "id": 1,
        "name": "host"
      },
      {
        "id": 2,
        "name": "cPanel"
      },
      {
        "id": 3,
        "name": "website"
      }
    ]
  }
  </code></pre>
  
  <p>I'm using ember select view to generate the drop down:</p>
  
  <pre><code>{{view "select" content=groups optionValuePath="content.id" optionLabelPath="content.name"}}
  </code></pre>
  
  <p>here is my controller:</p>
  
  <pre><code>groups: function(){
              var self = this;
              var model = this.get('model');
              var adapter = AddCredentialAdapter.create();
              var groups = adapter.findGroups(model.company_slug);
              return groups.then(function(response){
                  return response;
              });
      }.property('credentialGroups', 'model')
  </code></pre>
  
  <p>I keep getting the error: </p>
  
  <pre><code>Assertion Failed: The value that #each loops over must be an Array. You passed {_id: 91, _label: undefined, _state: undefined, _result: undefined, _subscribers: }
  </code></pre>
  
  <p>so I tried doing this:</p>
  
  <pre><code>groups: function(){
              var self = this;
              var model = this.get('model');
              var adapter = AddCredentialAdapter.create();
              var groups = adapter.findGroups(model.company_slug);
              return groups.then(function(response){
                  return response.map(function(c){
                      return {
                          id: c.id,
                          name: c.name
                      }
                  });
              });
      }.property('credentialGroups', 'model')
  </code></pre>
  
  <p>But for some reason the promise is still what is being passed to the view and I get the same error:</p>
  
  <pre><code>Assertion Failed: The value that #each loops over must be an Array. You passed {_id: 91, _label: undefined, _state: undefined, _result: undefined, _subscribers: }
  </code></pre>
  
  <p>if I <code>console.log(response);</code> I don't get a promise. I get this instead:</p>
  
  <pre><code>[Object, Object, Object, _super: function, nextObject: function, firstObject: Object, lastObject: Object, contains: function…]
  </code></pre>