Let's say I have something like:
{{input value=someModel }}
And then I want to add the simple required
HTML 5 attribute to the input.
How would I do that?
Note that I tried the following variations without success:
{{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 -->
Update: This question was for Ember 1.0.
I'm using Ember version 1.5.1 and required="required" seems to work fine now. This markup:
{{input class="form-control" value=firstName autofocus="autofocus" required="required"}}
...renders this:
<input id="ember392" class="ember-view ember-text-field form-control" autofocus="autofocus" required="required" type="text">
To globally add support for additional attributes you can reopen Ember.TextField
First you need to add support to the required attribute:
Ember.TextSupport.reopen({
attributeBindings: ["required"]
})
Then in your view:
{{view Ember.TextField required="required"}}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.