Archives de
Month: juillet 2013

Mes débuts avec Ember.js 2 [FR]

Mes débuts avec Ember.js 2 [FR]

Commentaires 0 Commentaire

Voici la suite de ma découverte d’Ember.js. Dans cette partie, nous verrons

Afin d’afficher les onglets en haut de la page il nous faut modifier le code html généré par handlebarsjs:

<script type="text/x-handlebars">
    <div class="container">
        {{outlet}}
    </div>
</script>

Le placeholder {{outlet}} permet le changement de template en fonction de la page demandé.

<script type="text/x-handlebars" data-template-name="races">
    <div class="masthead">
        <h3 class="muted">Welcome to Blood Bowl Team</h3>
        <div class="navbar">
            <div class="navbar-inner">
                <div class="container">
                    <ul class="nav">
                        {{#each item in model}}
                        <li><a href="#">{{item.name}}</a></li>
                        {{/each}}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</script>

Ce template sert à créer les onglets a l’aide de bootstrap.

L’attribut data-template-name= »races » sert a lié ce template avec la ressource this.resource(‘races’, { path: ‘/’ }); afin que.

Les lignes 8 à 10 parcourent la liste des équipes afin d’afficher le nom.

A ce niveau, vous devriez voir:

tabs