链接到没有路线的视图

我有一些选项卡，并且希望“视口”在单击每个选项卡时呈现视图。简单地说，像this from Twitter Bootstrap：链接到没有路线的视图

enter image description here

每个视图是足够复杂，我将需要创建视图对象分开（有数据处理，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需要一条路线。

我错了吗？

来源

2013-07-19 Sam Selikoff

为什么你不想要标签有路线？你似乎通过避免它们为自己创造了大量的工作。 –

这是页面的一小部分，虽然我想我可以在这种情况下，似乎将来肯定会有时间，我希望能够在不添加路由的情况下呈现点击视图。 –

这样做可以避免这种情况，但是，这种想法忽略了一点，即框架的一半原因是为了让你的工作少于没有它的工作，另一半是通过应用程序创建明确的，明确定义的路径，可以检查和理解，而不必担心大量特殊的幕后魔法。 –

您是否需要亚当霍金斯实施的类似Ember & Twitter Bootstrap Tabs的东西？

来源

2013-07-19 15:54:02 Hyder

非常好，谢谢 –

似乎应该有一个更简单的方法...''setActiveTab'似乎不像'bindAttr'解决方案那么习惯。 –

链接到没有路线的视图

回答

相关问题