web-dev-qa-db-fra.com

Ajouter une classe à ember link-to

J'essaie de créer un lien vers une route imbriquée et je veux ajouter une classe à ce lien (pour Twitter bootstrap)

Le résultat devrait ressembler à ceci:

< a href="/#/rents/42" class="btn btn-primary btn-small">do something< /a>

Premier essai:

{{#link-to "rent" rent}}

me donne un lien vers la ressource mais je ne peux pas spécifier une classe (css). Dans les documents, je vois que seul l'attribut title peut être spécifié

Deuxième essai:

< a href="/#/rents/{{rend.id}}" class="btn btn-primary btn-small">do something< /a>

est également une mauvaise idée, car Ember ajoutera ses balises d'assistance [pour les mises à jour automatiques] dans le href.

Alors qu'est-ce que je peux faire?

ember.js
54
user2016429

Utilisation:

{{#link-to 'rent' rent class='btn btn-primary btn-small'}}Go to rent{{/link-to}}

Comme link-to est un assistant de vue.

108
sly7_7

Vous pouvez très bien ajouter des classes dans {{#linkTo}} aides, il suffit de se rappeler de ne pas confondre les braises.

Ember peut penser que votre classe est le routeName du params, j'inclus la classe après les deux params et routeName et cela fonctionne très bien.

{{#linkTo 'dashboard.screenshots' value.model class='thumbnail'}}
   ........
{{/linkTo}}

Produit

<a id="ember507" class="ember-view thumbnail" href="#/project-2/member-1/task-2/screenshot-30">
   .........
</a>
10
iConnor

Si vous voulez construire quelque chose manuellement à partir de variables - il y a {{unbound}} helper dans ember.js.

Dans votre cas, le code ressemblera à:

<a href="/#/rents/{{unbound rend.id}}" class="btn btn-primary btn-small">
   do something
</a>
1
sashasimkin