Zugriffsvariable im Ember-Controller

Question

Wie kann ich auf eine Variable im Ember-Controller zugreifen? Ich habe diese Methoden versucht, aber es funktioniert nicht:

import ObjectController from '@ember/controller'; 
export default ObjectController.extend({ 

    currentPhase: 1, 

    init: function() { 
     var selfReference = this; 
     this.set("currentPhase",1); 
    }, 

    strings: { 
     title: "Title", 
     phase1: "Fase " + selfReference.get("currentPhase"), 
     phase2: "Fase " + currentPhase 
    } 
}); 

Answer 1

Für solche Fälle Sie nutzen ein computed property machen würde:

import Controller from '@ember/controller'; 
import { computed } from '@ember/object'; 

export default Controller.extend({ 
    currentPhase: 1, 

    strings: computed('currentPhase', function() { 
    let currentPhase = this.get('currentPhase'); 
    return { 
     title: "Title", 
     phase1: `Phase ${currentPhase}`, 
     phase2: `Phase ${currentPhase}` 
    } 
    } 
}); 

Answer 2

In Ihrem Fall Sie selfReference in Ihrer init-Funktion definiert haben, aber man versucht, es von außerhalb der Funktion zu erreichen, die verboten ist. Um es von außerhalb der Funktion zu erreichen, müssen Sie es mit der Funktion set auf eine Variable setzen. Sie können auch strings als computed property definieren. Werfen Sie einen Blick auf diese twiddle.