adding / removing a class from an ember input

Question

Using ember 1.0 and handlebars 1.0

I want to present an ember input as disabled until the user presses the edit button. I have managed to get the functionality working at the expense of code duplication.

{{#if isEditing}}
  {{input type="text" value=firstName class="form-control" placeholder="First name" }}
{{else}}
  {{input type="text" value=firstName class="form-control" placeholder="First name" disabled=""}}
{{/if}}

just wondering if there was a better way ..

thanks

Answer 1

Instead of disabled your input with classes, just add the disabled attribute for your input field

{{input type="text" value=firstName class="input-medium" disabledBinding="disabled"}}

Demo Fiddle