Свойство в компоненте Ember не распространяющиеся на свой родительский контроллер

Question

У меня есть компонент priority-selector который выглядит следующим образом ...

export default Ember.Component.extend({ 
    priority: 'low', 
    didInsertElement: function() { 
     this.$('[data-toggle="tooltip"]').tooltip(); 
    }, 
    actions: { 
     click: function(priority) { 
      this.set('priority', priority); 
      this.$('.btn-primary').removeClass('btn-primary'); 
      this.$('.btn-for-' + priority).addClass('btn-primary'); 
     } 
    } 
}); 

код шаблона ...

<div class="pull-right btn-group" role="group"> 
    <div type="button" class="btn btn-default btn-for-low" {{action 'click' 'low'}}>LOW</div> 

    <div type="button" class="btn btn-default btn-for-medium" {{action 'click' 'medium'}}>MEDIUM</div> 

    <div type="button" class="btn btn-default btn-for-high" {{action 'click' 'high'}}>HIGH</div> 
</div> 

Я использую этот компонент в шаблоне, подобный этому ...

<div class='col-sm-3'> 
    {{priority-selector priority=priority_gender}} 
</div> 

И я указал его в соответствии Мюллер ...

export default Ember.Controller.extend({ 
    ... 
    priority_gender: 'low' 
    ... 
}) 

Но собственность в контроллере никогда не меняется, когда я взаимодействовать с компонентом, я могу заметить, что это так, глядя в Ember инспекторе.

Answer 1

Your code is working.

Итак, убедитесь, чтобы указать priority_gender в правом контроллера для шаблона, который вы используете priority-selector компонент.