richclient:emberjs:templates

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:templates [2018/01/19 02:52] jcheronrichclient:emberjs:templates [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
Ligne 26: Ligne 26:
 Les blocks expressions commencent par **<nowiki>{#</nowiki>** et se terminent par **<nowiki>/}</nowiki>** Les blocks expressions commencent par **<nowiki>{#</nowiki>** et se terminent par **<nowiki>/}</nowiki>**
  
-==== Itération sur une liste d'éléments {#each} ====+==== Itération sur une liste d'éléments {{#each}} ====
  
 <sxh html> <sxh html>
Ligne 56: Ligne 56:
 </sxh> </sxh>
  
-==== Conditions {#if} ====+==== Conditions {{#if}} ====
  
 === Condition sur une seule ligne === === Condition sur une seule ligne ===
Ligne 105: Ligne 105:
   * le second (facultatif) correspond à l'id d'un model pour les segments dynamiques   * le second (facultatif) correspond à l'id d'un model pour les segments dynamiques
  
 +Avec la route déclarée dans router.js suivante :
 <sxh javascript;title:app/router.js> <sxh javascript;title:app/router.js>
 Router.map(function() { Router.map(function() {
Ligne 113: Ligne 114:
 </sxh> </sxh>
  
 +et le fichier de template :
 <sxh html;title:app/templates/photos.hbs> <sxh html;title:app/templates/photos.hbs>
 <ul> <ul>
Ligne 121: Ligne 123:
 </sxh> </sxh>
  
-génère le html :+Ember génère le html :
  
 <sxh html> <sxh html>
Ligne 131: Ligne 133:
 </sxh> </sxh>
  
 +=== Liens inline ===
 +
 +<sxh html>
 +A link in {{#link-to "index"}}Block Expression Form{{/link-to}},
 +and a link in {{link-to "Inline Form" "index"}}.
 +</sxh>
 +
 +Génère le code html suivant :
 +<sxh html>
 +A link in <a href="/">Block Expression Form</a>,
 +and a link in <a href="/">Inline Form</a>.
 +</sxh>
  • richclient/emberjs/templates.1516326770.txt.gz
  • Dernière modification : il y a 6 ans
  • (modification externe)