我一直在看Angular 2上的一些教程。我對引導組件感到困惑。如果我想創建多個頁面應用程序,並且不需要該根組件,那麼我該怎麼做呢?我看到它對單頁面應用程序是如何工作的。引導角2
這是我的Main.Ts文件。
import { bootstrap } from 'angular2/platform/browser';
import { AppComponent } from './app.component';
bootstrap(AppComponent);
這是我的app.component.ts文件。
import {Component} from 'angular2/core';
@Component({
selector: 'pm-app',
template: '<h1>{{PageTitle}}</h1>'
})
export class AppComponent {
PageTitle: string = "Test";
}
如果我想定位到比我們說的index.html以外的頁面,並將它加載不同的組件,而不帶來的AppComponent,我怎麼會去這樣做?在Angular 1+中,這很容易,因爲我只是引用了我想要使用的HTML頁面上的控制器。我將如何參考我想在不同頁面上使用的組件?
感謝。試圖將我的頭部纏繞角度2.
所以我應該引導我在main.ts所有組件文件?或者只是引導1,並以某種方式超載它與我所有的組件。這聽起來不錯。這是否意味着如果我在根組件中有10個其他組件,它將每個頁面加載整個應用程序,或者只有它需要? – Dylan
通常你有一個根組件構成了整個頁面(這就是典型的Angular2應用程序的想象 - 當然還有其他變體),這個根組件的視圖由其他組件組成,這些組件的視圖也是其他組件的視圖。您只需引導包裝應用程序的組件。自動根據Angular實例化根組件視圖中的組件。我不確定你的意思是「每頁」。通常情況下,您使用路由器,根據活動路由,在應用程序 –
內的特定標記元素處插入其他組件。 –