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添加的所有必要的進口，並確定其組成部分有自舉：

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 { } 

然後在main.ts您執行以下操作：

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

platformBrowserDynamic().bootstrapModule(AppModule); 

然後在app.component.ts中構建您的應用程序。