Tratar de construir un vínculo a un anidada ruta y desea agregar una clase a este enlace (para twitter bootstrap)

El resultado debe algo como esto:

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

Primer intento:

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

me da un enlace a los recursos, pero no puedo especificar un estilo en cascada (css) de la clase. En la documentación veo que sólo el atributo de título puede ser especificado

Segundo intento:

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

también es una mala idea, porque el Ascua añade su ayudante etiquetas [para la actualización automática] en el href.

Entonces, ¿qué puedo hacer?

InformationsquelleAutor user2016429 | 2013-01-27

3 Comentarios

  1. 108

    Uso:

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

    Como link-to es una vista auxiliar.

    • impresionante! Yo no sabía que podía agregar atributos de vista a los ayudantes.
    • Esto no funciona en la versión 1.13.7 a la brasa, ya que se produce un error al agregar el ember-view clase, sin que esto va a ser un enlace normal y volver a cargar la página. Utilizando sólo class="btn btn-primary etc" como se propone en el Connors respuesta de abajo funciona como se esperaba.
    • Gracias por el aviso
  2. 10

    Puede agregar clases bien en {{#linkTo}} ayudantes, usted sólo tiene que recordar para no confundir a la brasa.

    Ember puede pensar que su clase es la routeName de la params, que incluyen la clase después de tanto params y routeName y funciona bien.

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

    Produce

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

    Si quieres manualmente construir algo a partir de variables – hay {{unbound}} ayudante en ember.js.

    En su caso el código se ve como:

    <a href="/#/rents/{{unbound rend.id}}" class="btn btn-primary btn-small">
       do something
    </a>
    • Usted debe utilizar {{#enlace-a}} ayudante.

Dejar respuesta

Please enter your comment!
Please enter your name here