如何在Ember.js應用程序模板中呈現路徑名稱？

Question

考慮路由的列表：

Router.map -> 
    @route 'home', path: '/' 
    @route 'sign-in' 
    @route 'about' 

我怎樣才能動態地呈現這些信息到我的應用程序模板（主要佈局）？

<div id="container" class="{{routeNameGoesHere}}"> 
    {{outlet}} 
</div> 

例如，完全呈現：

<div id="container" class="sign-in"> 
    <h1>Sign In Page</h1> 
</div> 

Answer 1

應用控制器從路由器自動接收的屬性currentPath和currentRouteName。所以你可以直接在你的應用程序模板中使用它們。

Answer 2

根據@ Grapho的回答，我發現我需要在我的應用程序控制器上創建一個計算屬性，以便將點分隔的路徑名稱用破折號轉換。我可以使用{{hyphenatedCurrentRouteName}}。