根据路线显示/隐藏主页按钮

Question

我正在Ember.js的第一步，我对社区提供的不同方法和解决方案感到困惑。

我有一个非常小的应用程序，它有一个应用程序模板和内容模板，我通过链接来浏览。

我的应用程序模板有一个主页按钮，我想隐藏和显示，具体取决于我导航到的路线。我该怎么做？

我使用的是普通的JavaScript。没有预处理器或类似的。

Answer 1

您可以直接在控制器中使用全局currentRouteName属性

在您的应用程序控制器中

hideHomeButtonRoutes: ['index', 'login'],
isHomeButtonVisible: Ember.computed('currentRouteName', function(){
  return this.get('hideHomeButtonRoutes').indexOf(this.get('currentRouteName')) > -1;
})

在template

中

{{#if isHomeButtonVisible}} <button>home</button> {{/if}}

此处正在运作example