他のページとデザインが異なる角2のログインページ

Question

私の主なデザインは通常app.component.htmlです。他のコンポーネントは、マスターページのようにこのコンポーネントを使用します。しかし、どのようにログインページのデザインが違うのでしょうか。通常、それは他のコンポーネントと同様のコンポーネントであり、app.component.htmlで動作します（必須です）。

私はそれを理解できません。何かアドバイス？

Answer 1

別の角度のアプリケーション（ブートストラップで使用されるlogin.component）を使用することもできますが、特定のデザインなしでメインコンポーネント（app.componentなど）を使用することもできます。特定のデザインのないメインコンポーネントには、表示するページに応じて特定のデザインが含まれています。

Answer 2

あなたのAppComponentは次のようになります。このような

@Component({ 
    selector:'payroll-app', 
    template:`<div><router-outlet></router-outlet></div>`, //{{}} these four curly braces are called 'interpolation' 
    directives: [ROUTER_DIRECTIVES], 
    providers: [Utils,BonusService, ModelService, HTTP_PROVIDERS, DialogService] 
}) 

とログイン：

@Component({ 
    templateUrl:'./app/login/login.component.html', 
    selector:'app-login', 
    styleUrls:['./app/login/login.component.css'], 
    directives:[ROUTER_DIRECTIVES] 
}) 

キープデフォルトルートのように：

あなたのページがロードされます

LoginRoutes = [ 
    { path: 'login', component: LoginComponent}, 
    {path: '', redirectTo: '/login', pathMatch: 'full'} 
] 

は、ルータサービスがページにログインし、デフォルトでアプリリダイレクトされます。これは通常のアプリケーションの動作方法です。