如何在mvc5区域使用angular2?

时间:2017-07-03 13:20:03

标签: asp.net-mvc angular angular2-template asp.net-mvc-areas

我有一个示例mvc5项目,我在这个项目中成功使用了我的第一个有角度的2模块。现在我想在我的mvc区域内创建新模块。所以我在我的区域解决方案中创建了一个名为.ts的{​​{1}}文件的新区域!就像你在下面看到的那样:

app.components
  

装饰器的实验支持是一项功能   在将来的版本中可能会发生变化。设置   ' experimentaldecorators'删除此警告的选项

,第二个来自我的根项目 import { Component } from '@angular/core'; @Component({ selector: 'area-app', template:`<p>imanArea</p>` }) export class areacomponent {<<bring below error!!!!!!!!!!! name = 'dd'; }

rootproj/app/app.module.ts
  

无法找到模块&#39; ./ Areas / SampleArea / app / app.areacomponent&#39;

我检查了我的路径和文件名!!一切都是正确的,但它找不到我的道路!

有关更多信息,我必须说我的所有基本角度文件都在我的根项目中,而我的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 { } 位于名为 app

的文件夹中

表示:rootProj / app / app.module和app.module

是否可以在一个项目中一起使用rootProj/app/app.component.specangular2?我没有找到任何相关的来源。

1 个答案:

答案 0 :(得分:1)

我实际上使用WebAPI来使用Angular 2。

后退和前端将位于不同的项目文件夹中。而且你将使用宁静的服务。

enter image description here