Dépannage des routes et des états avec Ember.js

Question

Je devrais commencer par dire que je suis un Noob Ember.js complet (et un Noob MVC JavaScript en général).

J'essaie de comprendre comment le routeur et StateManager fonctionnent ensemble. J'ai bricolé un exemple de divers endroits sur les interwebs, vous pouvez voir ici:

http://jsfiddle.net/zdfs/qsAxZ/1/

donc tout sur la première charge semble que cela fonctionne. Mais il y a des parties de la fonction qui ne semblent pas se comporter correctement. Je veux que les classes CSS que j'attache via les liens d'action fassent réellement partie de l'état de l'application, mais j'ai quelque chose de foiré quelque part.

Vous pouvez dupliquer le problème en cliquant sur "webcam" ou "partage d'écran". Le lien sera mis en évidence. Lorsque je recharge la page, l'état est correct, mais la surbrillance est perdue. Je fais quelque chose de mal, mais je ne sais pas comment le réparer.

Si j'essaie de déplacer les actions dans le StateManager, la référence router.get("applicationController") est perdue.

Je ne peux pas non plus faire quelque chose comme sManager.send("goHome"); - des problèmes se produisent.

Answer 1

Quelques remarques après avoir lu votre code:

• Y at-il une raison pour laquelle vous avez divisez votre code entre un routeur & un StateManager? Dans la forme canonique actuelle, vos états doivent être des classes de Ember.State, situées à l'intérieur du routeur.
• La méthode connectOutlet doit être appelée à partir du crochet de l'état connectOutlets, et non de enter.
• Les gestionnaires d'événements dans le routeur obtenir l'instance routeur dans le premier paramètre, pas un état (cf. goHome, viewWebcam & viewScreen)