Ember 嵌套路由模板，条件 HTML 代替出口

Question

我有一个嵌套路由，如下所示：

/products
/products/:productId

/products 模板呈现的侧边栏列出了所有产品，中心的 "main" 内容 <div> 在单击时填充了特定产品。即：

<div id="productsSidebar">
    ... navigation tree ...
</div>
<div id="mainContainer">
    {{outlet}}
</div>

但是，我希望将 {{outlet}} 替换为类似

的消息

Please select a product to the left.

当没有子路由时，即。我们只是在看 /products 而主 <div> 完全是空的。

我还没有找到任何 reference/tutorial 证明这是否可行 - 如果没有可用的插座，是否有标准方法来呈现 HTML 的 "default" 块？

Answer 1

您可以使用产品索引路由模板来显示 html 文本。您可能需要使用 ember g route products/index

之类的内容生成路线