Angular 2 man.tsでplatformBrowserDynamicを使用してインポートするにはどうすればよいですか？

Question

私は次のように私はmain.tsファイルを変更した一見非推奨のチュートリアル以下のよ：

bootstrap(AppComponent, [AuthGuard]); 

はしかし、私のmain.tsはもっとこのようになります。

import './polyfills.ts'; 

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { enableProdMode } from '@angular/core'; 
import { environment } from './environments/environment'; 
import { AppModule } from './app/'; 

if (environment.production) {enableProdMode();} 

platformBrowserDynamic().bootstrapModule(AppModule); 

次のようなことは動作しません。私はバウンドイベントをトリガーするときにエラーno provider for AuthGuardを得る。

import { AuthGuard } from './whereever';  
platformBrowserDynamic().bootstrapModule(AppModule, [AuthGuard]); 

AuthGuardインポートが正しく含まれていても問題が発生しています。私はまだno provider for AuthGuardエラーが発生します。

これは動作するはずですか、私は単に他の場所でエラーが発生していますか？私のコンソールは、エラーの原因となる経路を指定していません。私のサンプルコードが機能しているかどうか教えてください。そうであれば、具体的な操作の詳細について質問を更新します。

Answer 1

新しく追加されたngModelコンポーネントを見てください。 @ngModelデコレータがあります。あなたのapp.module.tsで

あなたが必要なすべての輸入品を追加し、ブートストラップされなければならないコンポーネントを定義：

main.tsで次に

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 

import { AppComponent } from './app.component'; 

@NgModule({ 
    imports:  [ BrowserModule, FormsModule, ReactiveFormsModule ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

あなたは次のようにします。

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { AppModule } from './app.module'; 

platformBrowserDynamic().bootstrapModule(AppModule); 

次に、app.component.tsにアプリを構築します。