comment regarder spécifiées `properties` dans` router` et réagir en accord?

Question

Dans mon application, l'utilisateur définit les 6 chiffres séparés. ils peuvent supprimer/ressaisir/entrer les valeurs en entrée. le contrôleur envoie ces valeurs au routeur. Lorsque le routeur surveille toutes ces propriétés, l'utilisateur passe à la page suivante.

Ma question est comment regarder les propriétés (propriétés spécifiées) et réagir en conséquence?

ici est mon code de routeur (extrait):

export default Ember.Route.extend({ 
    otp1:null, 
    otp2:null, 
    otp3:null, 
    otp4:null, 
    otp5:null, 
    otp6:null, 

    myWatcher(){ 
     console.log('all properties are available, enable next'); 
    }, 

    setupController(controller,model) { 
     this._super(...arguments); 
     this.controllerFor('auth-page.credit-card.credit-cardno').set('enableNext', false); 
    }, 

    actions:{ 
     setupCardNumber(number, index){ 
      this.set('opt'+index, number); //setting values 
      console.log('setting', this.get('opt'+index));//gets property 
     } 
    } 
} 

Answer 1

Pour autant que je comprends votre code, vous pouvez simplement créer un if-statement:

setupCardNumber(number, index){ 
    if (this.get('otp1') && 
     this.get('otp2') && 
     this.get('otp3') && 
     this.get('otp4') && 
     this.get('otp5') && 
     this.get('otp6')) { 
     this.transitionTo('next-page'); 
    } 
} 

Je vous conseille de créer une carte ou quelque chose, votre code a tendance à devenir inaccessible plutôt rapidement.

Answer 2

Si j'étais vous, je déplacerais cette logique vers le contrôleur. Vous devriez regarder en utilisant un Ember computed function /observer pour regarder les valeurs entrées par l'utilisateur et déclencher une action quand elles sont terminées.

Dans ce cas, si vous voulez faire la transition vers une route, vous pouvez utiliser le crochet transitionToRoute()-API ou vous pouvez envoyer une action du contrôleur à la route