tab.handlebars

    <script type="text/x-handlebars" data-template-name="tab">
      <ul id="customer-tab">
        {{#each tabItem in tabItems}}
        <li>
        <h3>
          {{tabItem.food.name}}
          <span><a href="#" {{action "removeFood" tabItem.food}}>x</a></span>
          <span>${{money tabItem.total}}</span>
        </h3>
        </li>
        {{else}}
        <li><h3>Click a food to add it</h3></li>
        {{/each}}
        <li id="total"><h3>Total <span>${{money cents}}</span></h3></li>
      </ul>
    </script>

tab_controller.js

App.TabController = Ember.ObjectController.extend({
  removeFood: function(food) {
    var tabItems = this.get('tabItems'),
        tabItem = tabItems.findProperty('food', food);

    tabItems.removeObject(tabItem);
    tabItem.deleteRecord();
  }
});