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中构建您的应用程序。