2016-02-26 15 views
5

私はフロントエンドフレームワークには新しく、角度2を学んでいます。このチュートリアルでは、bootstrap(AppComponent)という行を含めるよう指示しています。このブートストラップ機能は何をしますか?それは単にアプリケーションを起動するものですか?私はそれが UIフレームワークとは関係がないと推測しています。ブートストラップ関数は角度2で何を行うのですか

+1

はい。ブートストラッピングは、あなたが起動した特定のモジュールをブートストラップにロードすることによって、アプリケーションを起動するものです。 – Dave

答えて

3

bootstrapは、システムにコンポーネントオーバーページをメインコンポーネントとして表示する機能です。

また、アプリケーションのルートを指定することによって、アプリケーションのエンティティポイントを定義します。

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

しかし、はい、あなたは角度1でこれを比較した場合、あなたはng-app="myApp"のような入力としてangular.module名を取りng-appディレクティブを見つけるでしょうindex.htmlページでコンポーネントセレクタ

<my-component></my-component> 

のようなことを言及しなければならないし、そのアプリケーションのモジュールコンポーネントを利用可能にするまたはangular.bootstrapページ上でアプリケーションを起動する機能。

6

the docsから:

明示的にブートストラップ()メソッドを介してアプリケーションのルートコンポーネントとして使用するコンポーネントを指定することにより、角度のアプリケーションをインスタンス化します。

はい、アプリケーションを起動するだけです。

+0

リンクが壊れています。 –

5

bootstrap()(他のそば)実行することにより、角度アプリケーションを初期化する角度ゾーンを作成

  • ルートインジェクタと
  • APP_INITIALIZER
  • インスタンス化することによって提供される工場を実行してルートを追加作成成分。
0

基本的にbootstrap() angular2の角1.xでng-appに非常にsimiler私たちにアプリのエントリポイントを教えて、それは我々がng-app指令を使用することができます角度1.xでは、全体のアプリのための角度ゾーンを作成し、その値に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を注入することができ、我々は我々のアプリをブートストラップ時に全体のアプリで使用しようとしている変数であります、 これを行うことで、私たちはコンポーネントに何度も何度もインポートする必要がありません。

Angular5で
0

そして今:

あなたはbootstrappingルートAppModuleでアプリケーションを起動します。とりわけ、ブートストラッププロセスは、bootstrap配列にリストされているコンポーネントを作成し、それぞれをブラウザDOMに挿入します。

さらに読書:

関連する問題