如何在Angular 2中开发与app模块并行的多个模块?

前端之家收集整理的这篇文章主要介绍了如何在Angular 2中开发与app模块并行的多个模块?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个大型Angular 2应用程序.为此,我需要为常见的核心组件,服务等创建一个单独的模块.我的主应用程序将在src / app目录中开发,我希望我的核心组件在src / core中开发.此项目的任何未来子项目都将在src / feature等中开发.因此最终目录结构将是,

MyProject/
    config/
    dist/
    e2e/
    public/
    src/
        app/
        core/
        feature_1/
        feature_2/
    ...

Angular 2如何支持这种行为?

PS:我使用的是最新版本的Angular 2,目前是rc-4(使用Angular CLI).

解决方法

只需在每个feature_x文件夹中创建一些其他组件文件

MyProject/
    config/
    dist/
    e2e/
    public/
    src/
        app/
        core/
        feature_1/components
                            /app
                            /search-x
                            /nav-menu
        feature_2/components
    ...

此外,每个组件文件夹都有自己的应用程序文件夹和app.html

<div class='container-fluid'>
    <div class='row'>
        <div class='col-sm-3'>
            <nav-menu></nav-menu>
        </div>
        <div class='col-sm-9 body-content'>
            <router-outlet></router-outlet>
        </div>
    </div>
</div>

猜你在找的Angularjs相关文章