>웹 프론트엔드 >JS 튜토리얼 >AngularJ의 모델, 컨트롤러, 뷰 간의 관계는 무엇입니까? (사진과 텍스트)

AngularJ의 모델, 컨트롤러, 뷰 간의 관계는 무엇입니까? (사진과 텍스트)

不言
不言원래의
2018-07-21 17:26:542448검색

애플리케이션을 구축하기 위해 AngularJ를 사용하는 것은 (Model), 컨트롤러(Controller), 뷰(View) 및 ViewModel과 분리될 수 없습니다. 그렇다면 이들 사이의 구체적인 관계는 무엇입니까? 오늘은 이들 사이의 관계에 대해 간략하게 분석하겠습니다.

1. 모델: 애플리케이션의 비즈니스 로직과 관련된 데이터를 캡슐화하는 캐리어입니다. 비즈니스 분야의 객체이므로 모델이 어떻게 표시되거나 작동될지는 신경쓰지 않습니다. 모든 인터페이스는 관련 정보를 표시합니다. 웹 페이지에서 대부분의 모델은 Ajax 서버 또는 전역 구성 개체에서 반환된 데이터인 반면, 각도의 서비스는 모델과 관련된 비즈니스 로직을 캡슐화하고 처리하는 장소입니다. 이러한 비즈니스 서비스는 여러 컨트롤러 또는 기타에서 재사용되는 도메인 서비스일 수 있습니다. 서비스.

2. 컨트롤러: MVVM 패턴의 핵심 요소는 아니지만 ViewModel 개체의 초기화를 담당합니다. 하나 이상의 서비스를 결합하여 비즈니스 도메인 모델을 가져와 ViewModel 개체에 배치합니다. 애플리케이션 인터페이스가 시작될 때 로드될 수 있도록 합니다.

3. ViewModel: Angle의 $scope 객체는 ViewModel의 역할을 완벽하게 수행하며, View와 Model 간의 상호작용과 협업을 준수하는 역할을 담당합니다. View에 데이터를 표시하고, 이벤트 조작 방법을 Model에 제공합니다.

4. 보기: 각도에서는 인터페이스의 표시 및 렌더링에 중점을 두고 있으며 선언적 지시문 보기 템플릿이 많이 포함되어 있습니다.

다음은 Model, Controller, View 및 ViewModel 간의 관계를 나타내는 다이어그램입니다.

AngularJ의 모델, 컨트롤러, 뷰 간의 관계는 무엇입니까? (사진과 텍스트)

관련 권장 사항:

Template View와 AngularJS

통신에 대한 자세한 설명 AngularJS 컨트롤러 간의 메소드

위 내용은 AngularJ의 모델, 컨트롤러, 뷰 간의 관계는 무엇입니까? (사진과 텍스트)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.