Comment créer une propriété Ember dépendante d'une variable, d'une fonction ou d'une logique normale?

Le problème

Je travaille sur une vue de feuillet pour Emberjs, et j'ai des problèmes. La notice est une bibliothèque externe et un peu pertinente pour la question, mais sachez simplement que c'est une bibliothèque de mappage. P>

Considérez une propriété simple comme le niveau de zoom. Les instances de la feuille de dépliant ont un niveau de zoom accessible via map.getzoom () code> et assignable via map.setzoom (zoomlevel) code>. En outre, les utilisateurs peuvent interagir avec la carte et changer son niveau de zoom. Leaflet nous permet de Enregistrer un rappel lorsque le zoom change. P>

J'aimerais que ma vision de «bracelet Ember» ait un Zoomlevel code> Ember Propriété. De cette façon, je peux bénéficier du modèle d'objet Ember (Bind zoomlevel code> à un modèle ou à une autre valeur, par exemple), et nous le faisons "The Ember Way". P>

Solution de base h2>

Qu'est-ce que j'ai actuellement est une sous-classe de Ember.View, avec une propriété Zoomlevel. Sur didinsertelement code> i crée l'instance de la feuille de la feuille. Le code est commenté et devrait être auto-explicite. P>

App.Leaflet = Ember.View.extend({
    classNames : ['ember-leaflet'],

    //default zoom level
    zoomLevel : 13,
    didInsertElement : function() {
        var self = this;
        var zoomLevel = this.get('zoomLevel');

        // create map instance
        var map = L.map(this.$().get(0)).setView(center, zoomLevel);

        // configure map instance...

        // Event listeners
        map.on('zoomend', function(e) {
            self.set('zoomLevel', e.target.getZoom());
        });

        // save map instance
        this.set('map', map);
    }
});