如何在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}}。