AngularJs의 MVC에 대해 알아야 할 모든 것



이 기사는 이해할 수있는 예제와 함께 JavaScript의 MVC에 대한 상세하고 포괄적 인 지식을 제공합니다.

개념 MVC 세 개의 독립된 엔티티를 갖고 절대로 섞지 않는다는 기본 아이디어입니다. 이 기사에서는 AngularJS의 MVC가 무엇인지 다음 순서로 이해합니다.

AngularJS에서 MVC는 무엇입니까?

AngularJs는 MVC 패턴을 지원합니다. MVC 즉, Model View Controller는 웹 애플리케이션 개발에 사용되는 소프트웨어 디자인 패턴입니다. 다음 부분으로 구성됩니다.





  • 모델 – 패턴의 최하위 레벨 인 모델은 데이터베이스로 구성됩니다. 애플리케이션 데이터 관리 책임은 모델에 있습니다. 간단히 말해서 애플리케이션의 데이터와 로직을 관리합니다.

  • 보기 – 뷰는 데이터의 일부 또는 전체 데이터를 사용자에게 표시합니다. 컨트롤러의 데이터를 표시하기 위해 뷰에 Angular 표현식을 추가하여 모델과 수정 사항에 대한 뷰를 조정할 수 있습니다. 간단히 말해서 뷰는 출력을 보여주는 사용자 인터페이스입니다.



  • 컨트롤러 – 모델 및보기에 대한 제어는 컨트롤러에 의해 제공됩니다. 즉, 디스플레이와 함께 데이터 검색을 제어합니다. 간단히 말해서 컨트롤러는 모델과 뷰 파트 간의 상호 작용을 관리합니다.

AngularJs의 MVC

MVC 아키텍처 패턴이 사용되었습니다.소프트웨어 엔지니어링 분야에서 오랫동안 효율적이고 효과적으로.



AgularJS에서 MVC 작업

MVC는 JavaScript 및 HTML을 사용하여 AngularJs에서 구현할 수 있습니다. 모델 부분은 다음과 같이 구현할 수 있습니다. , 모델 및 컨트롤러 부분은 다음과 같이 구현할 수 있습니다. .

다음 예제는 MVC의 작동을 보여줍니다.

파이썬에서 십진수를 이진수로 변환

Angular MVC 아키텍처

함수 주소 ($ scope) {

$ scope.Person = {

'이름': '아리 존',

'주소': 'Park, NYC',

파이썬에서 십진수에서 이진수로

}

}

출력은 사람의 이름, 즉, Ari Jon.

이것으로 AngularJS 기사에서이 MVC를 마칩니다. 각도에서 MVC 아키텍처의 구현은이 기사에서 언급 한 방법으로 수행됩니다. 이 아키텍처 덕분에 책임 분리가 가능해졌습니다. 모델은 애플리케이션 데이터로 구성되지만보기는 레이아웃 또는 사용자 인터페이스를 나타냅니다. 컨트롤러는 뷰와 모델 간의 연결 역할을합니다.

도대체 전 세계에 250,000 명 이상의 만족 한 학습자 네트워크를 보유한 신뢰할 수있는 온라인 학습 회사 인 Edureka에서 작성했습니다. Angular는 확장 가능한 엔터프라이즈 및 성능 클라이언트 측 웹 애플리케이션을 만드는 데 사용되는 JavaScript 프레임 워크입니다. Angular 프레임 워크 채택률이 높기 때문에 애플리케이션의 성능 관리는 커뮤니티 주도로 간접적으로 더 나은 일자리 기회를 제공합니다. Angular 인증 교육은 엔터프라이즈 애플리케이션 개발과 관련된 이러한 모든 새로운 개념을 다루는 것을 목표로합니다.