AngularJS를 어떻게 깊이 있게 배울 수 있나요? Anglejs의 최신 입문 학습 경험

이 글은 angularjs 의 자습 경험에 관한 것입니다. 잘 배우고 싶다면 다른 사람의 학습 결과에 대해 자세히 읽어보세요. 비록 자신에게 적합하지 않을 수도 있지만, 더 읽어보면 분명 자신의 것을 찾을 수 있을 것입니다. 이제 이 글을 함께 살펴보자

One: AngularJS 시작하기

1, AngularJS 소개 : AngularJS는 JavaScript 프레임워크입니다. .

AngularJS의 네 가지 핵심 아이디어: 종속성 주입, 모듈화, 양방향 바인딩 및 의미 태그.

2, 개발 도구 및 디버깅 도구 : sublime/webstorm을 사용하여 디버깅하세요.

3, 최초의 AngularJS 웹 애플리케이션 :

①angular.js 파일( js/angular.min.js )을 도입하고 ng-app 지시문을 사용하여 AngularJS 관리 경계를 선언합니다.

②AngularJS 양방향 바인딩의 간단한 사용 : 이중 중괄호 {{}}

③자주 사용하는 지침: 공식 API 참조

4 에서 선언: Angular.module('app', [ ])

){

="각도";

ㅋㅋ 이름, {{msg} }

II: 고급 AngularJS

1, AngularJS 프런트엔드 설계 및 구축 MVC : ④ 작성 스타일은 간단합니다. MVC

2 , 컨트롤러 사용 : 컨트롤러에서 변수를 선언하고 데이터를 바인딩하고 컨트롤러 범위를 표시합니다.

4. $scope의 변수 및 메소드 :

①을 사용하여 $scope에 대한 메소드를 정의하고 페이지에서 바인딩 호출을 수행합니다. ②$scope에 변수를 정의하고 메소드에서 사용: $scope 메소드가 호출되는 방식에 주의하세요.

세 가지: AngularJS 고급--서비스 및 지침 사용 1、 서비스 서비스 사용자 정의 ： #🎜 🎜 #

①Angularjs에서 서비스는 컨트롤러에서 다양한 형태의 서비스를 사용하는 방법을 배웁니다.

②AngularJS의 서비스 표현에는 값, 상수(상수), 팩토리(팩토리 모드와 동일), 서비스# 🎜🎜##🎜가 포함됩니다. 🎜#

# 🎜🎜 ##🎜 🎜# 2, 서비스 애플리케이션

: 여러 컨트롤러 간에 공유하는 방법 통계 🎜🎜##🎜🎜 # 3, 공통 명령어 사용법 ： #🎜 🎜#

ng-bind 데이터 양방향 바인딩({{ }}와 동일); #🎜 🎜##🎜🎜 # ng-model은 HTML의 양식 요소를 범위

;#🎜에 바인딩합니다. 🎜# ng-show는 표현식이 true인 경우 지정된 HTML 요소를 표시하고, 그렇지 않으면 지정된 HTML 요소를 숨깁니다. #🎜🎜 # ng-hide는 표현식이 true일 때 지정된 HTML 요소를 숨기고,

ng-if는 표현식이 true일 때 요소를 추가, 제거 및 표시하고, 표현식이 true일 때 요소를 DOM에서 제거합니다. false 제거) gNg-SUBMIT 명령은 양식이 제출된 후 지정된 기능(입력, 선택 또는 텍스트 영역)을 실행하는 데 사용됩니다. 표현식이 true를 반환하면 양식 필드가 비활성화됩니다.

; ng-checkde 명령은 체크박스(checkbox) 또는 라디오 버튼(radio) checkde 속성을 설정하는 데 사용됩니다. true가 반환되면 선택됩니다.

ng-src 지시어는 요소

ng-herf 지시문의 src 속성은 기본 &lt ;a> 요소 href 속성 ;

ng-class을 재정의합니다. 하나 이상의 CSS 클래스를 HTML 요소에 바인딩 ;

ng-selected 명령은 목록에서 요소의 selected 속성을 설정하는 데 사용됩니다. 표현식이 true를 반환하면 selected ;

ng-change입니다. 명령 HTML 요소의 값이 변경될 때 수행할 작업을 AngularJS에 알리는 데 사용됩니다. 은 ng-model 명령과 함께 사용해야 합니다.

ng-change 지시문은 기본 onchange 이벤트를 재정의하지 않으며 이 이벤트가 트리거되면 ng-change 표현식과 기본 onchange 이벤트가 모두 실행됩니다.

4, 공통 명령 ng-repeat 사용 : 명령은 지정된 횟수만큼 HTML 요소를 반복하는 데 사용됩니다( set는 배열 또는 개체여야 함)

특수 속성($index 배열의 첨자, $first(첫 번째인 경우 true가 반환됨), $last) 사용

Four: AngularJS 내장 서비스 - $http 사용

1, $http를 사용하여 MySql 데이터 쿼리 : 먼저 $http 요청을 보내고 백엔드 개발 언어를 통해 mysql 데이터를 프런트엔드로 반환합니다.

2, $http 데이터베이스 추가, 삭제 및 수정을 구현하기 위한 매개변수가 포함된 요청 : 사례 #🎜🎜 #

3. 사용자 역할 권한의 예: 연습하세요

5: AngularJS 고급--지시문 사용 #🎜 🎜##🎜 🎜# 1,

지시문을 사용하여 HTML 구성 요소 사용자 정의 : 의미 및 적용 제한(A: 속성, E: 요소, C: 클래스 이름), 바꾸기 사용, 템플릿 사용 2 여러 지시문 간에 서로 호출하려면 require를 사용하세요. # # 🎜🎜#

여섯: AngularJS 모바일 앱 개발

1 모바일 프런트엔드 프레임워크 소개

2. Cordova 소개: 현재 Android 및 IOS 플랫폼용으로 프런트 엔드 플랫폼과 코드 세트를 패키징할 수 있습니다. # 🎜🎜# 3. 온라인에서 몇 가지 사례를 찾아보세요. 연습해 보세요. 질문이 있으시면 아래에 메시지를 남겨주세요.