Kann ein Ember Komponente beobachten, eine controller-Eigenschaft?

Habe ich einen controller und eine Komponente. wenn die Komponente gerendert wird, wird es weitergegeben wird, in dieser Weise:

{{modal-filter feature=feature parentController=this.controller}}

denen Funktion wird ein Parameter übergeben, über den controller an LENKER und parentController ist der controller.

Nun, im controller selbst, es ist eine Eigenschaft (ein array). nennen wir dieses array requiredValues.

Nun in einem controller/Komponente selbst, können wir leicht:

valueObserver : function(){
     ...
}.observes('requiredValues')

Jedoch muss ich beachten das controller-Eigenschaft von dem modal-filter-Komponente. So in der modal-filter-Komponente, was würde ich als der Beobachter-Funktion:

valueObserver : function(){
     ...
}.observes(???)
InformationsquelleAutor Darshan | 2014-09-29
  1. 16

    , Was Sie nicht tun dürfen, aber ich werde Ihnen sagen, wie für die Vollständigkeit

    Wenn Sie vorbei sind, die controller, können Sie einfach sehen, ein Element auf der parentController Eigenschaft, obwohl ich würde nicht empfehlen, diese an alle.

    valueObserver : function(){
     ...
}.observes('parentController.requiredValues')

    Diese würde davon ausgehen, das gesamte array wird ersetzt, nicht nur ein Element Hinzugefügt oder geändert wird.

    Element Hinzugefügt oder Entfernt werden

    valueObserver : function(){
     ...
}.observes('parentController.requiredValues.[]')

    Item-Eigenschaft foo geändert auf eine der requiredValues Elemente

    valueObserver : function(){
     ...
}.observes('[email protected]')

    , Was Sie tun sollten,

    Statt der übergabe in den controller, nur pass in der Eigenschaft, und beobachten Sie die Eigenschaft.

    {{modal-filter feature=feature property=someProperty}}


propertyObserver : Ember.observer('property', function(){
     ...
})
    • Danke. Dies funktioniert auf jeden Fall, aber ich habe zu gehen mit torazaburo Vorschlag wie die übergabe in einem controller scheint wie ein code smell. Aber die Frage war "wie zu beobachten, eine Eigenschaft innerhalb eines controller', also diese Antwort ist technisch richtig. Und es ist die richtige Antwort auch - es funktioniert.
    • Können Sie, bestimmen Sie die Artikel, die Hinzugefügt/entfernt observes('parentController.values.[]') Fall.
    • nicht mit dieser, aber Sie können addArrayObserver emberjs.com/api/classes/...
    InformationsquelleAutor Kingpin2k
  2. 22

    Übergeben einen ganzen controller zu einer Komponente ist eine massive code smell. Es verstößt gegen das Grundprinzip der Komponente Kapselung. Wenn die "Komponente" ist also eng gekoppelt an den controller, dann ist es ein Blick, von wo aus Sie Zugriff auf den controller, indem Sie einfach sagen this.controller. Input-Komponenten sollte ausschließlich durch Parameter übergeben, wenn Sie aufgerufen werden. Ausgabe von Komponenten ist durch send, das kann der controller in der Karte, um das Verhalten seiner Wahl in seiner Auffassung, die Vorlage, indem Sie sagen:{{my-component action='eraseHardDisk'}}.

    Müssen Sie nicht direkt beobachten, was auf die Steuerung von innerhalb der Komponente. Wenn Sie rufen Sie die Komponente mit {{my-component param=someProperty}} ist, dann wird jede änderung an der Steuerung someProperty wird automatisch weitergegeben werden, um die param der Komponente. Die Komponente kann dann definieren, einige berechnete Eigenschaft auf param, oder beobachten, oder verwenden Sie es in Ihre eigene Vorlage, wo es wird automatisch gehalten up-to-date.

    • Danke, dass du mich bewusst von diesem code smell. Hatte ich definitiv umgestalten meinen code, um nur die erforderlichen Daten als Parameter und verschickt die Ausgabe durch die sendAction () - Funktion. Du hast Recht - die Komponente sollte unabhängig sein; ich habe irgendwo gelesen, dass die Komponente weiß der controller, sondern der controller weiß, nicht von der Komponente, und ich es falsch interpretiert. Vielen Dank; sehr geschätzt.
    • Die Bindungen funktionieren nicht, wenn Javascript-basierte rendering-beteiligt ist.
    InformationsquelleAutor
Schreibe einen Kommentar