component.js

App.CiruitSwitchComponent = Ember.Component.extend({
  isLocked: true,

  lockText: (function() {
    return(this.get('isLocked') === true ? 'Unlock' : 'Lock');
  }).property('isLocked')
});

template

    <script type="text/x-handlebars" data-template-name="components/circuit-switch">
      {{#if isSaving}}
        <p>Saving....</p>
      {{/if}}

      {{input type="checkbox" name="isEnabled" checked=isEnabled disabled=isLocked}}
      <a {{action "toggleLock"}} class="btn">Text: {{lockText}}</a>
    </script>