ember.js - 仅清除一条路线的整个页面内容

Question

我使用以下概念构建了一个 ember 应用程序。

<script type="text/x-handlebars">
    <h2>Welcome to Ember.js</h2>

    {{outlet}}
  </script>

因此，在每个路由中，outlet 都会通过模板的 html 来放置。但现在我收到一个请求，要求再创建一条路线，该路线要显示完全不同的内容，甚至需要清除 <h2>Welcome to Ember.js</h2>从上面。我怀疑我是否可以直接实现这一目标。但我可以做一些调整以使其正常工作吗？

Answer 1

你需要制作嵌套路线吗？比如

this.resource('products');

this.resource('product', { path: '/products/:title' } );

假设在 产品 模板上，您必须 {[outlet}} 产品 模板。这使您可以以不同的方式操作 hbs.ses。假设产品旁边有一个来自产品模板的列表。

> 
>script type='text/x-handlebars' data-template-name='product' >

      {{title}}
    <p>{{description}}</p>
 <p>Buy for ${{price}}</p> </script>



<script type='text/x-handlebars' data-template-name='products'>
{{#each}}
{{#link-to 'product' this classNames='list-group-item'}}
{{title}}
{{/link-to}}
{{/each}}   
{{outlet}}
</script>