创建的angular2项目中,在src文件夹中
main.ts 固定以下代码。主要是为了启动页面
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
platformBrowserDynamic().bootstrapModule(AppModule);
在app文件夹中
app.module.ts 配置自己的类
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import {FormsModule} from '@angular/forms';//进行双向绑定的时候要用
import { StudentDetailsComponent } from './student-details.component';// 导入自己定义的类,前面是类名,后面是路径
@NgModule({
declarations: [ // 声明模块的内部成员
AppComponent,
StudentDetailsComponent //在这里加上自己的类名
],
imports: [ // 导入的其他module
BrowserModule,
FormsModule
],
providers: [], // 指定应用程序的根级别需要使用的service(Angular2中没有模块级别的service,所有在NgModule中声明的Provider都是注册在根级别的Dependency Injector中)
bootstrap: [AppComponent]
})
export class AppModule { } // 用来控制将哪些内部成员暴露给外部使用。导入一个module并不意味着会自动导入这个module内部导入的module所暴露出的公共成员。除非导入的这个module把它内部导入的module写到exports中。