aplication.handlebars

    <div class="modal hide fade in" id="modal">
      {{outlet modal}}
    </div>

gl_accounts.handlebars

<a {{action editAccount}} class="btn btn-primary pull-right">New Account</a>
<h3>Chart of Accounts</h3>
<hr/>

<table id="accounts" class="table table-striped table-hover">
  <thead>
    <tr class="account">
      <th>Acct. #</th>
      <th>Name</th>
      <th>Type</th>
      <th class="account_balance">Balance</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {{#each account in controller}}
      <tr>
        <td>{{account.accountNumber}}</td>
        <td>{{account.name}}</td>
        <td>{{account.accountType}}</td>
        <td>{{account.balance}}</td>
        <td>
          <a {{action editAccount account}} class="btn pull-right">Edit</a>
        </td>
      </tr>
    {{/each}}
  </tbody>
</table>

gl_accounts_edit.handlebars

  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    {{#if id}}
      <h3 id="myModalLabel">Edit Account</h3>
    {{else}}
      <h3 id="myModalLabel">New Account</h3>
    {{/if}}
  </div>
  <div class="modal-body">
    {{name}}
    Loading...
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  </div>

gl_accounts_edit_view.js.coffee

Cointrace.GlAccountsEditView = Ember.View.extend
  templateName: 'gl_accounts_edit'
  didInsertElement: ->
    $('#modal').modal("show")

modal_example.js.coffee

Cointrace.GlAccountsRoute = Ember.Route.extend
  setupController: (controller) ->
    controller.set 'content', Cointrace.Gl.Account.find()
  events:
    editAccount: (account) ->
      controller = this.controllerFor 'glAccountsEdit'
      controller.set "content", (account || Cointrace.Gl.Account.createRecord())
      this.render 'gl_accounts_edit',
        into: 'application'
        outlet: 'modal'
        controller: controller