Javascript 灰烬失去活动轨迹

Javascript 灰烬失去活动轨迹,javascript,ember.js,ember-router,Javascript,Ember.js,Ember Router,嗨,我在恩伯有以下路线: App.Router.map(function(){ this.resource('meat', function() { this.resource('poultry', function() { this.route('chicken'); this.route('duck'); }); }); }); 我的模板如下所示: <script type='text/

嗨,我在恩伯有以下路线:

App.Router.map(function(){

    this.resource('meat', function() {
        this.resource('poultry', function() {
            this.route('chicken');
            this.route('duck');
        });
    });
});
我的模板如下所示:

<script type='text/x-handlebars' id='meat'>       
     <div>{{outlet}}</div>
</script>


<script type='text/x-handlebars' id='poultry'>
       Poultry
       <br/><br/>
          {{#link-to 'poultry.chicken'}}Chicken{{/link-to}}
          {{#link-to 'poultry.duck'}}Duck{{/link-to}}

      <br/><br/>
      <div>
         {{outlet}}
      </div>
</script>

<script type="text/x-handlebars" id="poultry/chicken">
    <h4>Chicken</h4>
</script>

<script type="text/x-handlebars" id="poultry/duck">
    <h4>Duck</h4>
</script>

{{outlet}}
家禽


{{{链接到'家禽.鸡肉'}鸡肉{{/链接到} {{{链接到'家禽.鸭子'}鸭子{{/链接到}

{{outlet}} 鸡 鸭子
问题是,当我点击“鸭子”链接时,我失去了对“家禽”的主动跟踪

我弄不明白,路径是正确的,但是活动类不见了

这是一个jsbin:


谢谢

注释中的代码与JSBin中的代码略有不同。您没有包括应用程序模板。这是:

<script type='text/x-handlebars' data-template-name='application'>
  {{#link-to 'poultry.chicken' }}Poultry{{/link-to}}  

  <br/><br/>
  <div>
    {{outlet}}
  </div>
</script>

现在您将获得两个选项:所有家禽路线上的活动类,如果未选择任何选项,您将显示第一个。

您的18秒速度加快:)我删除我的答案:)您好,谢谢您的帮助。我直接链接到“Chicken”的原因是,我希望用户在单击家禽时立即看到第一个条目(“Chicken”),这样就可以立即看到一些内容,而无需单击两次——如果这有意义的话!ThanksIt是有道理的,但是如果你想让这两个(显示默认值和保持活动状态)都工作,你必须添加一个重定向到following.index。谢谢,我该怎么做呢?抱歉,我只是从灰烬开始,即使是简单的任务也有点挑战性!
App.PoultryIndexRoute = Ember.Route.extend({
  redirect: function() {
    // write some code to get to your first result here.
    this.transitionTo('poultry.chicken');
  }
});