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 14:10]
jcheron
richclient:emberjs:router [2020/03/24 09:20] (Version actuelle)
jcheron [Nommage des identifiers]
Ligne 34: Ligne 34:
 </​sxh>​ </​sxh>​
  
-Utilisation dans un fichier template avec le helper **<​nowiki>​{{link-to}}</​nowiki>​** :+Utilisation dans un fichier template avec le helper **<​nowiki>​<​LinkTo>​</​nowiki>​** :
  
 <sxh html;​title:​hbs file> <sxh html;​title:​hbs file>
-{{#​link-to ​"​index"​}}<img class="​logo">​{{/link-to}}+<LinkTo @route="​index"​><img class="​logo">​</LinkTo>
  
 <nav> <nav>
-  ​{{#​link-to ​"​about"​}}About{{/link-to}} +  ​<LinkTo @route="​about"​>About</LinkTo> 
-  ​{{#​link-to ​"​favorites"​}}Favorites{{/link-to}}+  ​<LinkTo @route="​favorites"​>Favorites</LinkTo>
 </​nav>​ </​nav>​
 </​sxh>​ </​sxh>​
Ligne 139: Ligne 139:
  
  
 +==== Récupération de paramètre ====
  
 +Dans le model hook
 +
 +<sxh javascript;​title:​app/​routes/​comment.js>​
 +model(params){
 +    //​params.comment_id
 +}
 +</​sxh>​
 +
 +==== Lien vers route dynamique ====
 +<sxh html>
 +<LinkTo @route="​photos.edit"​ @model="​1">​First Photo Ever</​LinkTo>​
 +</​sxh>​
 +
 +=== Segments dynamiques multiples ===
 +<sxh html>
 +<​h1>​Latest Comments</​h1>​
 +
 +<ul>
 +  {{#each this.latestComments as |comment|}}
 +    <li>
 +      <LinkTo @route="​photos.photo.comment"​ @models={{array comment.photo comment}}>​
 +        {{excerpt comment.body}}...
 +      </​LinkTo>​
 +    </li>
 +  {{/each}}
 +</ul>
 +</​sxh>​
 +
 +=== Paramètres ===
 +<sxh html>
 +<LinkTo @route="​posts"​ @query={{hash direction="​asc"​}}>​Sort</​LinkTo>​
 +
 +// Binding is also supported
 +<LinkTo @route="​posts"​ @query={{hash direction=this.otherDirection}}>​Sort</​LinkTo>​
 +</​sxh>​
 +
 +=== Non historisation ===
 +<sxh html>
 +<LinkTo @route="​photo.comment"​ @model={{this.topComment}} @replace={{true}}>​
 +  Top comment for the current photo
 +</​Link>​
 +</​sxh>​
richclient/emberjs/router.1516281003.txt.gz · Dernière modification: 2018/01/18 14:10 par jcheron
GNU Free Documentation License 1.3
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0