链接到没有路由的视图

Question

我有一些标签，并且希望“视口”在我点击每个标签时呈现视图。简单地说，像this from Twitter Bootstrap：

每个视图都很复杂，我需要单独创建视图对象（有数据处理，svg渲染等）。但我不希望这三个标签有路由。

我已经尝试使用action把手助手了，但我陷入了细节之中，我认为这意味着我做错了。我开始时有这样的事情：

<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>

然后我要在我的控制器上添加changeChart方法，这会影响三个布尔属性。

似乎有更好的方法，理想情况下像{{linkTo}}这样会自动添加active类，并呈现正确的视图。但是linkTo需要一条路线。

我是不是错了？

Answer 1

您是否需要像Adam Hawkins实施的Ember & Twitter Bootstrap Tabs之类的东西？