引導函數在Angular 2中有什麼作用

Question

我對前端框架非常陌生，我正在學習Angular 2.在本教程中，它告訴您包含行bootstrap(AppComponent)。這個引導程序的功能是什麼？它是什麼啓動應用程序？我猜測它與twitter-bootstrap UI框架無關。

Answer 1

bootstrap是告知Angular2系統將頁面上的組件作爲主要組件呈現的功能。

還通過指定應用程序的根目錄來定義應用程序的實體點。

//basically array will have dependencies of shared component which will instantiate only once. 
bootstrap(MyComponent, [SharedService, OtherComponent, ROUTING_DIRECTIVES]); 

但是，是的，你應該有提到，組件選擇了index.html頁像

<my-component></my-component> 

如果你比較這與角1，你會發現ng-app指令，它需要angular.module名像ng-app="myApp"和輸入爲該應用程序提供那些模塊組件或angular.bootstrap函數啓動頁面上的應用程序。

Answer 2

the docs來自：

您通過明確指定爲根組件，用於通過自舉（）方法應用程序使用的成分實例化一個角應用。

所以是的，它只是啓動應用程序。

Answer 3

bootstrap()通過執行（旁其他）

• 創建角區，
• 產生由APP_INITIALIZER
• 實例化提供的根注射器和
• 執行工廠和將所述根初始化一個角應用零件。

Answer 4

基本上bootstrap()在angular2告訴我們，讓應用程式在角1.x中ng-app非常similer切入點，它爲整個應用程序角度帶，在角1.x中，我們可以使用ng-app指令，並給它一個值，比如ng-app="myApp"，或者使用允許異步引導的angular.bootstrap方法。

我們需要獲取引導方法的地方是angular2 /平臺/瀏覽器

import {bootstrap} from 'angular2/platform/browser'; 
    ... Some Code stuff 

    bootstrap(AppComponent, [Common providers, or Global services, varibale etc]); 

我們也可以注入GlobalServices，我們會在的Bootstrap我們的應用程序的時間在整個應用程序中使用變量， 通過這樣做，我們不需要在我們的組件中重複導入那些。

Answer 5

現在在Angular5：

• The bootstrap array

您可以通過bootstrapping根AppModule啓動應用程序。除此之外，引導過程會創建bootstrap數組中列出的組件，並將每個組件插入到瀏覽器DOM中。

延伸閱讀：

• Bootstrap in main.ts