>  기사  >  웹 프론트엔드  >  AngularJS1.0을 어떻게 사용하나요? Anglejs 사용 방법에 대한 세부 정보(원칙 포함)

AngularJS1.0을 어떻게 사용하나요? Anglejs 사용 방법에 대한 세부 정보(원칙 포함)

寻∝梦
寻∝梦원래의
2018-09-08 16:05:092794검색

이번 글은 주로Angularjs1.0에 대한 지식 소개를 다루고 있는데, 이는 사용법의 요약이라고 볼 수 있습니다. 이 글을 읽고 나면 몇 가지 장점을 느끼실 수 있으실 거라 믿습니다. 이제 이 글을 읽어봅시다

오늘은 Angular 1.0에 대한 지식에 대해 계속 이야기하겠습니다. 위 섹션에서 우리는 이 프레임워크의 두 가지 측면에 대해 이야기했습니다. 사실 오늘은 MVC에 대한 지식 포인트를 더 자세히 설명하고 싶습니다. .

1. mvc 모드의 프레임워크

mvc의 디자인 아이디어가 필요한 이유: 앞 부분의 코드 양이 점점 많아지고 있기 때문에 그리고 그것을 분리하고 서로 협력하는 것이 더 중요합니다. 게다가, 재사용 가능한 코드가 많습니다. 위의 문제를 해결하기 위해 mvc 모드가 도입되었습니다. mvc는 단지 수단일 뿐이며, 실제 목적은 모듈화와 코드 재사용입니다.

이제 MVC에 대해 이야기하겠습니다. 먼저


  • 모델 - 데이터 모델을 유지 관리하는 최소 수준을 알아야 합니다.

  • 보기 /보기 - 사용자에게 전체 또는 데이터를 표시하는 부분입니다.

  • 컨트롤러 - 소프트웨어 코드가 모델과 뷰 간의 상호 작용을 제어합니다.

    공개 구현 방법 및 원칙 의 양방향 데이터를 구축할 수 있습니다

  • AngularJS1.0을 어떻게 사용하나요? Anglejs 사용 방법에 대한 세부 정보(원칙 포함)

  • 위에서 언급한 것처럼 다음 코드와 결합됩니다

    AngularJS1.0을 어떻게 사용하나요? Anglejs 사용 방법에 대한 세부 정보(원칙 포함)


  • 코드의 ng-model은 $scope:name 속성에 바인딩되며 표현식을 통해 기사 정보에 ​​바인딩됩니다. 다음 단계는 실시간으로 변경 사항을 감지하는 것입니다. 이 기능은 이미 AngularJS에 내장되어 있습니다.

    작동 방식: HTML 웹 페이지 에는 AngularJs 명령과 표현식이 포함되어 있으며, 이는 최종적으로 AngularJs 컴파일 메커니즘에 의해 컴파일되어 DOM 트리에 연결됩니다. AngularJs 지시어는 우리가 자유롭게 확장할 수 있습니다. MVC 프레임워크인 AngularJ에서는 컨트롤러에 돔 수준 이벤트 리스너를 추가할 필요가 없습니다. 이러한 이벤트 리스너는 AngularJ에 이미 내장되어 있습니다. View 객체는 AngularJ에서 사용할 수 있습니다. 범위 참조는 모든 유형의 자바스크립트 객체, 배열, 기본 유형, 객체가 될 수 있습니다. 그리고 AngularJs는 자동으로 모델을 비동기식으로 업데이트합니다. 즉, 뷰 레이어가 변경되면 자동으로 모델(모드)을 새로 고치고, 반대로 모델이 변경되면 자동으로 뷰 레이어를 새로 고칩니다. 여기서는 다른 메서드를 정의할 필요가 없습니다. 이는 AngularJ의 MVC 아이디어를 구현한 것입니다. (자세한 내용을 보려면 PHP 중국어 웹사이트AngularJS 개발 매뉴얼을 방문하세요.)여기에 있는 여러 컨트롤러는 서로 간섭하지 않고 서로 다른 뷰를 제어할 수 있습니다. 물론 해당 컨트롤러 아래의 $scope 개체에도 자체 범위가 있습니다. 이는 각각의 제어를 서로 독립적으로 만들고 많은 작업을 용이하게 합니다. 컨트롤러 부분에서 공개 루트 제어 $rootscope를 사용하여 하위 집합 간에 값을 전송할 수 있습니다

    . 공개 코드의 일부를 서비스로 만들어 나중에 이를

    AngularJs에 삽입할 수도 있습니다. 필요한 컨트롤러에 기능을 배치한 다음 호출할 수 있으므로 코드 재사용이 매우 용이해집니다. 오늘은 여기까지입니다. 다음에서는 명령어와 종속성 주입에 대해 설명하겠습니다. 천천히 AngularJ를 철저하게 이해하세요. 이 기사는 여기에서 끝납니다. (자세한 내용을 보려면 PHP 중국어 웹사이트 AngularJS 사용자 매뉴얼을 방문하세요.) 궁금한 점이 있으면 아래에 메시지를 남겨주세요.

위 내용은 AngularJS1.0을 어떻게 사용하나요? Anglejs 사용 방법에 대한 세부 정보(원칙 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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