Verbinden von bs-buttons in einer bs-Form mit Komponentenaktionen (ember-bootstrap)

Question

Was ist die korrekte Art, eine bs-button innerhalb einer bs-form mit einer Komponentenaktion zu verbinden?

---

Einige Hintergrundinformationen auf das, was ich tun möchte, und haben bereits versucht:

ich dabei bin Ember ein Upgrade 2,10-2,14 und glut-Bootstrap von 0.11.3 bis 1,0. Ich habe ein Problem mit Ember-Bootstrap festgestellt.

Ich habe zwei Schaltflächen in einem Formular (bs-form): "Speichern" und "Abbrechen". Das Formular wird in einer Ember-Komponente gehostet. In der alten Version hatte zwei bs-button Elemente I, wie folgt aus:

{{bs-button defaultText="Save" type="primary" action="save"}} 
{{bs-button defaultText="Cancel" type="primary" action="cancel"}} 

in der Komponentenklasse, definiert ich die passende Aktion:

actions: { 
    save() { /* do saving stuff */ } 
    cancel() { /* do cancelling stuff */ } 
} 

Nun ist diese nicht mehr funktioniert: bs-button verwendet onClick statt action jetzt, aber nur onClick="save" hinzufügen funktioniert nicht (ich bekomme TypeError: action is not a function); auch onClick=(action "save") funktioniert nicht (Assertion Failed: An action named 'save' was not found in (generated edit-organization controller)).

Wenn jedoch nicht bs-button aber ein normales button Element in Verbindung mit dem Helfer action verwenden, es funktioniert gut:

<button class="btn btn-default" {{action 'cancel'}}>Cancel</button> 
<button class="btn btn-primary" {{action 'save'}}>Save</button> 

Ich vermute, dass das Problem mit einer Komponente zusammenhängt die Form Gastgeber ; Immerhin gibt die Ember-Bootstrap-Dokumentation an, dass Aktionen verwendet werden ...

senden Sie eine Aktion an Ihren Controller.

Noch möchte ich eine Komponente verwenden (schließlich gehen Controller weg, oder?). Jede Hilfe dazu ist willkommen.

Answer 1

Sie können Abschlussaktion erstellen und an die bs-button-Komponente übergeben.

{{bs-button defaultText="Save" type="primary" save=(action "save")}} 
{{bs-button defaultText="Cancel" type="primary" cancel=(action "cancel")}} 

Innerhalb der Komponente,

<button class="btn btn-default" {{action cancel}}>Cancel</button> 
<button class="btn btn-primary" {{action save}}>Save</button>