小编nin*_*dev的帖子

我是角色4的新手.我想要实现的是为我的应用程序中的不同页面设置不同的布局页眉和页脚.我有三种不同的情况:

1. 登录,注册页面(无标题,无页脚)

路线:['登录','注册']

2. 营销网站页面(这是根路径,它有一个页眉和页脚,大多数这些部分在登录前到来)

路线:['','关于','联系']

3. 应用程序登录页面(我在本节中对所有应用程序页面都有不同的页眉和页脚,但此页眉和页脚与市场营销网站页眉和页脚不同)

路线:['仪表板','个人资料']

我通过在路由器组件html中添加页眉和页脚来临时运行应用程序.

请告诉我一个更好的方法.

这是我的代码:

应用程序\ app.routing.ts

   const appRoutes: Routes = [
        { path: '', component: HomeComponent},
        { path: 'about', component: AboutComponent},
        { path: 'contact', component: ContactComponent},
        { path: 'login', component: LoginComponent },
        { path: 'register', component: RegisterComponent },
        { path: 'dashboard', component: DashboardComponent },
        { path: 'profile', component: ProfileComponent },


        // otherwise redirect to home
        { path: '**', redirectTo: '' }
    ];

    export const routing = RouterModule.forRoot(appRoutes);

app.component.html

<router-outlet></router-outlet>

应用程序/家/ home.component.html

<site-header></site-header>
<div class="container"> …

我是webpack的新手,几乎可以解决所有构建部分,但现在问题是我想将环境变量从.env文件传递到webpack配置,这样我就可以通过webpack.DefinePlugin插件将这些变量传递给我的构建文件了.

目前我能够直接从webpack传递环境变量到我的构建.请参阅我在webpack中使用的以下代码.

new webpack.DefinePlugin({
            "API_URL": JSON.stringify("http://my-api.com"),
            "SECRET_KEY" : "MYSECRETKEYGOESHERE"
        }),

我的package.json构建脚本是

"scripts": {
    "start": "NODE_ENV=development webpack-dev-server --progress --port 8000 --content-base app/build/src"
    } 

有没有办法在 Angular 5 中为自定义路径使用命名空间？目前我使用

import { AuthService } from './../../modules/auth/auth.service';

我想要实现的是使用@module或自定义@name特定路径。代码应如下所示，可用于每个文件夹级别

import { AuthService } from '@modules/auth/auth.service';