Question

我最近开始进入AngularJS，它是一个很棒的小框架。我一直在研究原型，以证明对Angular2 RC6的同事有多么强大。我遇到了一个问题，希望someoene可以帮助我。

我正在编写一个报告框架，我试图尽可能保持模块化。我们有一个报告列表（ReportOne，ReportTwo等），它列在下拉框中。根据选择的内容，我希望能够加载某个模块/组件。我的结构如下

-app
-- Modules
--- report.module.ts
--- report.component.ts
--- report.component.html
--- ReportOne
---- reportone.module.ts
---- reportone.component.ts
---- reportone.component.html
---- reportone.component.css
---- reportone.routing.ts
--- ReportTwo
---- reporttwo.module.ts
---- reporttwo.component.ts
---- reporttwo.component.html
---- reporttwo.component.css
---- reporttwo.routing.ts
-- app.module.ts

他们目前正处于模块中，因为我正在制作路由配置（/ reports / {data} / reportone，因为我认为这是一个好主意但后来意识到我无法保持父报告.component.html样式，因为我使用route-outlet标签。

任何帮助都会非常感激我已经走到了死胡同，由于我缺乏Angular的经验，我不知道从哪里开始寻找

更新我正在寻找的是组件改变而不是风格。因此它可以注入不同的服务等，因为这将取决于报告。

我想最终得到像

这样的东西

<report-container>
   <report-view></report-view>
</report-container

报告视图将包含一个报告列表，该报告列表将根据在该下拉菜单中选择的内容将组件呈现到报告视图中

AngularJS2 RC6组件基于下拉

0 个答案: