具有條件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類的方法生成路由