richclient:emberjs:router

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
richclient:emberjs:router [2018/01/18 02:19] – [Routes index] jcheronrichclient:emberjs:router [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
Ligne 1: Ligne 1:
-====== Router ======+====== Routing ======
  
 Le router EmberJs associe chaque URL connue à un ou plusieurs route handlers. Le router EmberJs associe chaque URL connue à un ou plusieurs route handlers.
Ligne 113: Ligne 113:
 }); });
 </sxh> </sxh>
 +
 +A l'adresse **/posts**, la route active sera **posts.index**, le template **posts/index** sera affiché grâce au helper <nowiki>{{outlet}}</nowiki> dans le template **posts**.
 +
 +A l'adresse **/posts/favorites**, Ember remplacera <nowiki>{{outlet}}</nowiki> dans le template **posts** avec le contenu du template **posts/favorites**.
 +
 +===== Segments dynamiques =====
 +Une url avec segments dynamiques possède une ou plusieurs parties variables, introduites par un **:** et suivies par un **identifier**.
 +<sxh javascript;title:app/router.js>
 +Router.map(function() {
 +  this.route('posts');
 +  this.route('post', { path: '/post/:post_id' });
 +});
 +</sxh>
 +
 +==== Nommage des identifiers ====
 +Pour faciliter le chargement des models, il est conseillé de respecter la convention de nommage suivante :\\
 +un identifier devra respecter la norme **:model-name_id**
 +<sxh javascript;title:app/router.js>
 +Router.map(function() {
 +  this.route('photo', { path: '/photo/:photo_id' }, function() {
 +    this.route('comment', { path: '/comment/:comment_id' });
 +  });
 +});
 +</sxh>
 +
 +
 +
  • richclient/emberjs/router.1516238362.txt.gz
  • Dernière modification : il y a 6 ans
  • (modification externe)