2016-11-30 7 views
0

가 어떻게#Angular 2 #razor는 Mvc.net입니다

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

모델에 도착하는 각 2 면도칼 뷰를 사용할 수 있습니다 #mvC#의 asp.net를 볼.

타이프 스크립트를 사용하고 있습니다. 당신은 쉽게 할 수없는 구성 요소 템플릿을 인라인이 아니라 도움에서 템플릿 URL

를 사용하고는

답변

3

감사. 이것은 Angular1에서 할 수있는 일이었습니다.

대신 Asp.net WebAPI를 사용하여 모델을 Stateless Rest API 서비스를 통해 Angular app에 노출하십시오.

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.