javascript - 覆盖 Ember application.hbs 模板

Question

我有一个 Ember JS 应用程序，其中 99% 的资源都在根级别，用户必须登录才能访问。所有这些资源(/login 除外)都具有相同的模板。

但是，

/login 有一个完全不同的模板(没有导航栏等)。覆盖登录页面的 application.hbs 模板的最佳方法是什么？

我在其他问题中看到的大多数答案都涉及经过身份验证的路由的某种父路由，如下所示:

this.route('login');
this.route('main', { path: '/' }, function() {
  this.route('posts');
});

该解决方案产生了正确的 URL，但它意味着链接到助手等必须使用“main.posts”等路由，这让我误会了，我不想有那个无关的路由级别到处都是。

在 Rails 中，我只会说类似 layout: nil 的内容，这样会阻止应用主模板。 Ember 中是否有任何等效的方法，或者是否有其他方法可以干净地实现相同的目标？

Answer 1

摆脱{{link-to 'main.posts'}}。您可以将 {resetNamespace:true} 添加到给定的路由。

this.route('main', {path:'/'}, () => {
    this.route('posts', {resetNamespace:true});
});

{{link-to 'posts'}} 将导航到您的帖子路径