[英]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.