簡體   English   中英

如何在angular2中常見加載組件

[英]How to load a component as common in angular2

我的module.ts,

@NgModule({

  imports:      [ BrowserModule,
  RouterModule.forRoot([
      { path: '', component:AppComponent},
      { path: 'login', component:AppComponent}
    ]) ],
  declarations: [ AppComponent,Mainapp ],
  bootstrap:    [ Mainapp ]
})
export class AppModule {}

在module.ts中,我正在引導Mainapp,它包含我的常見背景圖像,該圖像出現在每個屏幕中。

我的mainapp.html,

<section id="content" style="background-image: url('assets/images/bg.png');background-size: 100% auto;min-height: 100% !important;">
    <div class="content-wrap" [ngClass]="classmap">
            <div class="container clearfix">
                <div class="row  divcenter"   style="max-width:966px;background: #FFF;">
                        <router-outlet></router-outlet>   
                </div>
            </div>
    </div>
</section>

在這里,我將放置所有路線輸出。我什至還有一個名為demo.ts的組件,需要調用它作為通用組件,因為它具有我的側邊菜單欄。 我的疑問是,我想在所有頁面中調用另一個通用組件,例如我如何調用Mainapp。 我該怎么辦?有人可以幫助我嗎?謝謝。

mainApp.component.html:

  <my-nav><my-nav>

  <router-outlet></router-outlet>

  <my-side-menu></my-side-menu>
  <my-footer></my-footer>

並如下調用mainApp:

我-footer.component.ts:

import {MainAppComponent} from 'main-app.component.html';
 @component({
   ....
 })
export MyFooterComponent{
    parent:any;
    constructor(public _main:MainAppComponent){
       this.parent=_main;
    }
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM