鏈接到沒有路線的視圖

我有一些選項卡，並且希望「視口」在單擊每個選項卡時呈現視圖。簡單地說，像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'解決方案那麼習慣。 –

鏈接到沒有路線的視圖

回答

相關問題