Отключить кнопку, если определенное количество флажком проверяются

Question

я есть шаблон каждого есть несколько флажков:

<input class="general" type="checkbox"/> 
<input class="about" type="checkbox"/> 
<input class="money" type="checkbox"/> 

И у меня есть эта кнопка тоже:

<button class="disable" {{action "filter"}}>Filter</button> 

В контроллере этого шаблона, я 'm пытается удалить класс disable, если щелкнули один или несколько флажков, но более того, мне нужно знать, что каждый флажок установлен.

Я родственник нового в слове Эмбер ... и я действительно пытаюсь заставить его работать, но я не понимаю, очень много сделать так .. Я пытался так:

OBS: I was trying to enable the button. 


export default Ember.Controller.extend({ 
    checkbox: 0, 

    allowFilter: Ember.computed('checkbox', function() { 
    let result = false; 

    this.get('checkbox') ? result = true : result = false; 
    return result; 
    }), 

    actions: { 
    checkboxClicked() { 
     this.get('checkbox') =+ 1; 
    }, 

    filter() { 

    } 
    } 
}); 

и в кнопке:

<button class="{{if allowFilter "" "disable"}}" {{action "filter"}}>Filter</button> 

Но .. хорошо .. не работал ..

Answer 1

Что вы можете сделать, это использовать {{input checked=isChecked}} помощника, а затем в компоненте вы можете сделать это, чтобы проверить, проверяется или нет

actions: { 
    checkedButton: function() { 
     // Do whatever you want with the data (ie, save it) 
     var isChecked = this.get('isChecked'); 
     alert('true or false? ' + isChecked);//if is checked will get true otherwise false 
    } 

Существует много примеров по этому поводу: fist example, second example и third example. Проверьте их