带有条件HTML的Ember嵌套路由模板代替插座

Question

我有一个看似如下的嵌套路线：

/products
/products/:productId

/products模板会显示一个侧边栏，其中列出了所有产品，并且中心的“主要”内容<div>会在点击时填充特定产品。即：

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

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

之类的消息

  

请选择左侧的产品。

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

我没有找到任何参考/教程证明这是否可行 - 如果没有可用的插座，是否有标准的方法来呈现HTML的“默认”块？

Answer 1

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

的路线