Javascript Ember.js嵌套路由和模板不起作用

我正在尝试制作一个简单的应用程序，在索引页面上有导航栏和一条简单的“你好”信息。然后，您可以单击用户或组织，它将分别进行调整

routes.js

App.Router.map(function() {
  this.resource('index', { path : '/' }, function() {
    this.route('users', { path : '/users'});
    this.route('org', { path : '/org'});
  });
})

App.IndexRoute = Ember.Route.extend({
  renderTemplate : function() {
    this.render('index');
    this.render('nav', {
      outlet : 'nav',
      into   : 'index'
    })
  }
})

App.IndexUsersRoute = Ember.Route.extend({
  model: function() {
    return EmberFire.Array.create({
      ref: new Firebase(FirebaseRef + 'users')
    });
  },
  renderTemplate: function() {
    this.render('index');
    this.render('nav', {
      outlet: 'nav',
      into  : 'index'
    });
    this.render('users', { 
      outlet: 'users',
      into  : 'index'
    });
  }
});

App.IndexOrgRoute = Ember.Route.extend({
  model: function() {
    return EmberFire.Array.create({
      ref: new Firebase(FirebaseRef + 'organizations')
    })
  },
  renderTemplate: function() {
    this.render('index');
    this.render('nav', {
      outlet: 'nav',
      into  : 'index'
    });
    this.render('org', {
      outlet: 'org',
      into  : 'index'
    });
  }
});

在

index.html

<!-- Nav -->
  <script type='text/x-handlebars' data-template-name='nav'>
    <nav>
      ...........
    </nav>
  </script>
  <!-- End Nav -->

  <!-- Index -->
  <script type='text/x-handlebars' data-template-name='index'> 
    {{outlet nav}}

    <section id='userDisplay'>
      <div class="row">
        {{outlet users}}
      </div>
    </section>

    <section id='orgDisplay'>
      <div class="row">
        {{outlet org}}
      </div>
    </section>
  </script> 

  <!-- Users -->
  <script type='text/x-handlebars' data-template-name='users'>
    <section id='registerForm'>  
      <h3>Register A User:</h3>
      .......
    </section>
  </script>

  <!-- Orgs -->
  <script type='text/x-handlebars' data-template-name='org'>
    <section id='registerForm'>  
      <h3>Register An Organization:</h3>
      .......
    </section>
  </script>

...........
{{outlet nav}}
{{outlet users}}
{{outlet org}
注册用户：
.......
注册一个组织：
.......

目前，导航部分在每条路线上都能正确渲染，但我从

用户

或

组织

模板上什么也得不到

---

为了正确呈现这些模板，我应该省去什么？

尝试删除

这个。从嵌套路由中呈现（'index'）

，它们的父级

索引将被呈现