ASP.NET MVC3 및 AngularJS 사용

Question

방금 ​​ASP.NET MVC3 프레임 워크 및 @razor를 사용하여 완전히 새로운 사이트를 개발하기 시작했습니다. 클라이언트 측에서 각도 JS 프레임 워크를 사용하고 싶습니다. 그러나 양쪽 모두를 사용하는 것은 다소 혼란 스럽습니다. 배열을 어떻게 루프합니까?

<ul> 
     <li ng-repeat="item in list"> 
      {{item.name}} 
     </li> 
</ul> 

그렇게 할 수있는 가장 정확한 방법은 두 가지입니다 : 각도에서

<ul> 
     @foreach (var item in this.Model) 
      {        
       <li> 
         @item.Name                 
       </li> 
      } 
    </ul> 

나는 다음과 같은 HTML을 작성합니다 는 ASP.NET MVC에서 나는 다음과 같은 HTML을 쓸 것이다?

Answer 1

최종 결과에 관한 한 두 가지의 차이는 없습니다. 원하는 경우, 둘 중 하나 또는 둘 모두를 사용할 수 있습니다. 차이점은 코드가 생성되는 절차입니다.

MVC에서 최종 HTML은 서버 측에서 사용 가능한 데이터를 사용하여 서버 측에서 생성됩니다. 서버의 모델에서 데이터를 만들고 채우고, MVC를 사용하여 데이터를 구조화 된 HTML 코드 세그먼트로 포맷 한 다음 최종 HTML을 클라이언트 브라우저에 대한 응답으로 다시 보냅니다.

AngularJs에서 html 템플릿은 클라이언트 웹 브라우저뿐만 아니라 템플릿과의 파트너 관계에서 사용될 데이터를 얻기위한 로직으로 다시 전달됩니다. 일반적으로 데이터는 AJAX를 통해 웹 서비스 또는 api에서 검색됩니다. 그런 다음 브라우저의 JavaScript 엔진이 AngularJs 프레임 워크를 사용하여 해당 템플릿을 가져 와서 데이터를 검색하고 클라이언트 끝의 웹 페이지로 다시 형식을 지정합니다.

문자 그대로 둘 다 동일한 최종 결과를 제공합니다. 이는 일반적으로 데이터 형식화를 원하는 방법과 위치 사이에서 선택하는 것입니다. 대부분의 개발자들은 MVC와 AngularJs를 결합하는 사람과 이야기를 나누었습니다. 목록은 AngularJ가 클라이언트 측을 처리하기 위해 일반적으로 전달되는 무언가의 좋은 예이며 AngularJ가 적합하지 않은 기능에 대해서만 MVC를 예약합니다. , 보안 같은.