如何在mvc5区域使用angular2？

我有一个示例mvc5项目，我在这个项目上成功使用了我的第一个角度2模块。现在我想在我的mvc区域内创建新的模块。所以我在我的区域解决方案中创建了一个名为app.components的.ts文件的新区域！像你见下文：如何在mvc5区域使用angular2？

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'area-app', 
    template:`<p>imanArea</p>` 
}) 
export class areacomponent {<<bring below error!!!!!!!!!!! 
    name = 'dd'; 
}

装修人员的实验性支持是一种功能是在将来的版本中改变。设置 'experimentaldecorators' 选项删除此警告

和第二个是我的根项目rootproj/app/app.module.ts

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; // <-- NgModel lives here 

import { AppComponent } from './app.component'; 
***below error for this line*** 
import { AreaAppComponent } from './Areas/SampleArea/app/app.areacomponent' 

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