link ember create component ember.js handlebars.js ember.js-view

create - cómo establecer el nombre de dos clases para Ember.js input helper



ember input action (1)

Estoy intentando vincular un elemento de entrada como este:

{{input value=email type="text" placeholder="Enter email" class=emailError:with-error}}

funciona bien, siempre que trate de asignarle solo 1 nombre de clase ".with-error". ¿Cómo puedo asignar 2 nombres de clase, por lo que será: ".with-error .second-class"? Sé cómo hacerlo con:

{{bind-attr class=":secondClass emailError:with-error"}}

pero esto no funciona con input helper.

¡Gracias!


Esta característica no está bien documentada, pero al definir atributos en un ayudante de barras de dirección, puede omitir las comillas para indicar que desea que el valor del atributo sea una variable vinculada, o puede agregar el sufijo "Encuadernación" y luego utilice comillas con una expresión similar a la que usaría con {{bind-attr}} .

Entonces, en tu caso, lo siguiente debería funcionar:

{{input value=email type="text" placeholder="Enter email" classBinding="emailError:with-error :myClassName"}}

Tenga en cuenta que en lugar de class=myBoundValues estamos utilizando classBinding="myBoundValue" .