dodawania atrybutów do elementu wejściowego w kierownicy (używany z ember.js 1.0)

Question

Powiedzmy mam coś takiego:

{{input value=someModel }} 

A potem chcę dodać prosty atrybut required HTML 5 do wejścia.

Jak to zrobić?

---

Zauważ, że próbowałem następujące warianty bez powodzenia:

{{input value=someModel required }} <!-- doesn't parse --> 

{{input value=someModel required='required' }} <!-- doesn't render the attribute --> 

{{view Ember.TextField valueBinding=someModel 
    required='required' }} <!-- doesn't render the attribute --> 

<input required {{bindAttr value=someModel}} 
    /> <!-- doesn't update the model, as expected --> 

---

Aktualizacja: Ta kwestia była dla Ember 1.0.

Answer 1

Aby globalnie dodać wsparcie dla dodatkowych atrybutów można ponownie otworzyć Ember.TextField

http://emberjs.com/api/classes/Ember.TextField.html

Answer 2

najpierw trzeba dodać wsparcie dla wymaganego atrybutu:

Ember.TextSupport.reopen({ 
    attributeBindings: ["required"] 
}) 

Następnie w Twój widok:

{{view Ember.TextField required="required"}} 

Answer 3

Używam Ember w wersji 1.5.1 i required = "required" wydaje się teraz działać dobrze. Ten markup:

{{input class="form-control" value=firstName autofocus="autofocus" required="required"}} 

... czyni to:

<input id="ember392" class="ember-view ember-text-field form-control" autofocus="autofocus" required="required" type="text">