Ember.js 链接到没有路由的视图

我有一些选项卡，希望单击每个选项卡时“视口”渲染视图。简单地说，类似于：

每个视图都非常复杂，我需要分别创建视图对象（有数据处理、svg渲染等）。但我不希望这三个选项卡有路由

我尝试过使用

操作

车把助手，但在细节上陷入了困境，我认为这意味着我做错了。我一开始是这样的：

<div class="btn-group">
  <a href="#" {{ action "changeChart" "company" }} 
    {{ bindAttr class=":btn companyBreakdownSelected:active" }}Breakdown by Company
  </a>
  <a href="#" {{ action "changeChart" "division" }} 
    {{ bindAttr class=":btn divisionBreakdownSelected:active" }}Breakdown by Division
  </a>
  <a href="#" {{ action "changeChart" "category" }} 
    {{ bindAttr class=":btn categoryBreakdownSelected:active" }}Breakdown by Category
  </a>
</div>

您是否需要类似Adam Hawkins实现的功能？
为什么不希望选项卡具有路由？通过避免它们，你似乎为自己创造了大量的工作。这只是页面的一小部分，虽然我想我在这个例子中可以做到，但似乎将来肯定会有一些时候，我希望能够在单击时呈现视图，而无需添加路由。不过，你这样做会绕过框架，哪一种遗漏了这一点呢？框架的一半原因是，您需要做的工作比没有框架时少，另一半是通过应用程序创建明确定义的路径，它可以被检查和理解，而不必担心很多特别的幕后魔术。似乎应该有一种更简单的方法…
setActiveTab
似乎不像
bindAttr
解决方案那样惯用。