如何在emberjs中正确构造路由和文件夹？

Question

说我有这个文件夹结构：

- app
-- pods
--- dashboard
----- zones
------ index
------- controller.js
------- route.js
------- template.hbs
------ show
------- areas
-------- controller.js
-------- route.js
-------- template.hbs
------- controller.js
------- route.js
------- template.hbs

在router.js

中

    this.route('zones', function() {
      this.route('show', { path: ':zone_id/cities' }, function() {
        this.route('areas', { path: ':city_id/areas'});
      });
    });

现在

当我访问时 dashboard/zones-所有区域都将加载

当我从区域中单击一项时，它将被重定向到 dashboard/zones/1/cities将在页面中加载城市

当我单击城市中的一项时，它将被重定向到 /dashboard/zones/1/cities/4/areas-

现在问题是/dashboard/zones/1/cities/4/areas网址已正确命中，但模板未显示。

我的设置缺少什么或有什么问题？

Answer 1

确保父模板中有{{outlet}}。