Only show part of template if there exists at least one child-object

Question

I've got a model like this:

import DS from 'ember-data';

var Post = DS.Model.extend({
  title: DS.attr('string'),
  downloads: DS.hasMany('download')
});

export default Post;

and would like to show the downloads-section only when there is at least 1 or more downloads in the post.

I tried introducing a computed property in the Controller but can't access the model from there.

What else can I do?

EDIT: Here's the controller showing you what I was trying to do:

import Ember from 'ember';

export default Ember.ObjectController.extend({

  hasDownloads: function(){
    console.log(this.get('downloads')) // <- undefined
    return true
  }.property('model'),

})

EDIT2: The Object-controller above has no route since it's rendered using `{{render "post"}}. This is an example-template.

<ul class="posts">
  {{#with model as post}}
  {{render "post"}}
  {{/with}}
</ul>

That would be its route:

import Ember from 'ember';

export default Ember.Route.extend({

  model: function(params) {
    return this.store.find('post', params).then(function(posts) {
      return posts.get('firstObject');
    });
  }
});

Answer 1

Directly access the property on your controller using model.downloads:

import Ember from 'ember';

export default Ember.ObjectController.extend({

  hasDownloads: function(){
    console.log(this.get('model.downloads'))
    return true
  }.property('model.@each'),
})

Depending upon which version of Ember you are using, the proxying behavior of the controller will no longer work. Also, change the property so that it is updated when downloads are added and removed.