Html 如何在Ember中的选定字段中显示网站上的路线内容

我在灰烬做一个小项目，我对这个项目很陌生。我有一个带有主页/路线的Ember应用程序

我想要的是，如果我点击“About”等，该路线的内容（一些文本、图片等）将显示在页面左栏中，或者我想显示在页面上的其他任何地方

到目前为止，我所尝试的一切都使内容显示在页脚下。 我试着在about.hbs中这样做，我想如果我用指定内容的位置，这就是index.html文件中页面的分区方式，它就会工作。但是没有，它所做的只是在页脚下创建一个相同的左列

    {{page-title "About"}}
<div class = "container">
    <div class = "left-col">
        <p>hello</p>
    </div>
</div>
{{outlet}}

{{page title“About}}
你好

{{outlet}}

---

任何帮助都将不胜感激

Ember使用树进行路由。

应用程序

路由是树的根。所有其他路由都是

应用程序的子路由

路由在
app/router.js
中注册。
应用程序
路由未明确注册

如果路由至少有一个子路由，则会自动创建
索引
路由

让我们从中的示例来说明：

从“@ember/routing/router”导入ember路由器；
从“超级租赁/config/environment”导入配置；
导出默认类路由器扩展到路由器{
location=config.locationType；
rootURL=config.rootURL；
}
Router.map（函数（）{
这条路线（'about'）；
});

它会在您尝试执行时注册一条关于

路线的

。这将创建以下路由树：


应用

索引
关于



子路由在其父路由的
{{outlet}}
内呈现

让我们再举一个例子。假设您创建了以下三个模板：

{{!
  app/templates/application.hbs
  template for application route
}}

<div class="container">
  {{outlet}}
</div>

{{！
app/templates/application.hbs
申请路线模板
}}
{{outlet}}

{{！
app/templates/index.hbs
索引路由模板
}}
登录页


{{！
app/templates/about.hbs
关于路线的模板
}}
关于我


如果用户访问索引路由，将呈现以下HTML标记：


登录页


如果用户访问about route，将呈现以下HTML：


关于我


请在余烬官方指南中找到更多关于此的信息

{{!
  app/templates/index.hbs
  template for index route
}}

<p>Landing page</p>

{{!
  app/templates/about.hbs
  template for about route
}}

<p>About me</p>