0

我有一些选项卡，并且希望“视口”在单击每个选项卡时呈现视图。简单地说，来自 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 需要一个路由。

我做错了吗？

4

1 回答 1

1

您是否需要Adam Hawkins 实现的Ember 和 Twitter Bootstrap Tabs之类的东西？

于 2013-07-19T15:54:02.630 回答