bad view pattern

gistfile1.coffee

App.MyController =  Ember.Controller.extend
  aSelected: false
  bSelected: true
  showA: ->
    @set 'bSelected', false
    @set 'aSelected', true
  showB: ->
    @set 'bSelected', true
    @set 'aSelected', false


<div class="container">
  {{#if bSelected}}
      <span> B </span>
      <span  {{action "showA"}} > A </span>
    {{view App.BView}}
  {{/if}}
  {{#if aSelected}}
      <span  {{action "showB"}} > B </span>
      <span> A </span>
    {{view App.AView}}
  {{/if}}
</div>