2016-11-30 165 views
0

我如何使用角2層剃鬚刀的觀點去#Angular 2 #razor意見#mvc

<my-component [items]= @Model.Items ></my-component> 

型號#asp.net是Mvc.net。

我正在使用打字稿。組件模板內聯和未使用模板的URL

在幫助表示讚賞

回答

3

你不能輕易做到這一點。這是你可以用Angular1做的事情。

使用Asp.net WebAPI通過無狀態的Rest API服務將您的模型展示給Angular應用程序。

0
import { Component } from '@angular/core'; 
@Component({ 
selector: 'my-app', 
template: `  
<h2>My favorite skill is: {{myskills}}</h2> 
<p>Skill:</p> 
<ul> 
    <li *ngFor="let skl of skills"> 
    {{ skl }} 
    </li> 
</ul> 
` 
}) 

export class AppComponent { 
    title = 'ASP.NET MVC 5 with Angular 2'; 
    skills = ['MVC 5', 'Angular 2', 'TypeScript', 'Visual Studio 2015']; 
    myskills = this.skills[1]; 
} 

http://www.mithunvp.com/using-angular-2-asp-net-mvc-5-visual-studio/ 而每上面的鏈接GitHub的項目結帳this link