javascript - 用条件 HTML 代替导出的 Ember 嵌套路由模板

Question

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

/products
/products/:productId

还有 /products模板呈现带有列出所有产品的侧边栏和“主要”内容 <div>在单击时填充特定产品的中心。即:

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

但是，我想为 {{outlet}}替换为类似

的消息

Please select a product to the left.

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

我还没有找到任何引用/教程来证明这是否可行 - 如果没有可用的导出，是否有一种标准的方法来呈现“默认”的 HTML block ？

Answer 1

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

的内容生成路线