emberjs vs frontend hacks --- emberjs

menu.hbs

{{#if currentUser.questionsToAnswer}}
  <span class="navbar-menu__badge">
    {{currentUser.questionsToAnswerCount}}
  </span>
{{/if}}

question_controller.coffee

App.QuestionController = Ember.ObjectController.extend
  createAnswer: ->
    body = @get 'newAnswerBody'
    return if !body.trim()

    question = @get 'model'
    answer = App.Answer.createRecord question: question, body: body

    @set 'newAnswerBody', ''
    @get('store').commit()

user.coffee

App.User = DS.Model.extend
  questions: DS.hasMany("App.Question")

  questionsToAnswer: (->
    @get('questions').filterProperty('hasAnswer', false)
  ).property('[email protected]')

  questionsToAnswerCount: (->
    @get("questionsToAnswer").get('length')
  ).property('questionsToAnswer')