6 월에 Google은 AngularJS 1.0 안정 버전을 발표했습니다.
AngularJS를 사용하면 HTML 구문을 확장하여 응용 프로그램에서 구성 요소를 명확하고 간결하게 표현하고 표준 HTML을 템플릿 언어로 허용합니다. AngularJS는 양방향 데이터 바인딩을 통해 JavaScript 객체 (모델)와 UI (View)의 데이터를 자동으로 동기화 할 수 있습니다.
4 월에 새로운 프로젝트 팀에 왔을 때 AngularJS에 연락하기 시작했습니다. 현재 AngularJS는 여전히 0.8 불안정 버전에 있었고 프로젝트에서 사용되기 시작했습니다. 이 프레임 워크는 프로젝트의 전체 UI 끝에 적용되며 서버 엔드는 불안정한 웹 API입니다. 나는 새로운 기술에 대한 팀의 용기와 열정을 정말 존경합니다. 다행히도 모든 사람은 잘 통제 할 수 있습니다. 불안정한 기술로 가득 찬 프로젝트를 시도한 것은 이번이 처음입니다.
주제로 돌아가서 공식적인 예를 살펴 보겠습니다.
<! docType html> <html ng-app> <head> <script src = "http://code.angularjs.org/angular-...min.js"> </script> </head> <bod> 이름 : <input type = "text"ng-model = "yourname"place ""> 'world'}}! </body> </html>
데모:
귀하의 이름 :
--------------------------------------------------------------------------------------------------------------------------------
안녕하세요 세상!
참고 : 입력 상자에 문자를 입력하면 즉시 페이지의 업데이트에 바인딩됩니다.
1. 여기서는 NG- 모델 지침 (지침) 바인딩은 모델 스코프 속성 YourName입니다.
2. 표현식을 사용하여 이름을 텍스트 정보에 바인딩합니다.
3. AngularJS가 내장되어 있으므로 여기에서 DOM 시간 청취 만 필요합니다.
AngularJS 프로그램은 템플릿, 프리젠 테이션 레이어 로직 및 데이터 (모델)의 세 부분으로 나뉩니다.
템플릿 : HTML 및 CSS를 사용하여 AngularJS의 지침 및 표현이 포함 된 UI보기 코드를 작성하며 결국 AngularJS 컴파일 메커니즘에 의해 컴파일되어 DOM 트리에 부착됩니다. AngularJS의 지침은 우리에 의해 자유롭게 확장 될 수 있습니다.
프리젠 테이션 계층 로직 : 응용 프로그램 논리 및 동작 포함. JavaScript 정의를 View Controller Logic으로 사용하십시오. AngularJS의 MVC 프레임 워크로서 이미 AngularJS로 구축 된 컨트롤러에서 DOM 레벨에 대한 이벤트 청취를 추가 할 필요가 없습니다. UI 노드 DOM 이벤트가 발생하면 AngularJS는 스코프의 특정 동작 (조치) 논리로 자동으로 이동합니다.
데이터 : ViewObject는 AngularJS 범위 (1.0에서 서비스로 표시)에 의해 참조되어야하며, 모든 유형의 JavaScript 객체, 배열, 원시 유형, 객체를 만들 수 있습니다. 또한 AngularJS는 모델을 비동기 적으로 자동으로 업데이트합니다. 즉, UI가 변경되면 모델 (모드)을 자동으로 새로 고침하고 반대로 모델이 변경되면 UI를 자동으로 새로 고침합니다. 여기서는 getters 및 setters와 같은 일부 열 메소드를 정의 할 필요가 없습니다.
다음은 공식적인 견해입니다.
동시에 AngularJS는 열에 유용한 서비스를 제공하고 자신의 특정 비즈니스에 서비스를 추가하여 기본 AJAX, 캐시, URL 라우팅, 브라우저 추상 서비스를 제공하며 이러한 서비스의 조합을 AngularJS 주입 메커니즘에 사용할 수 있습니다. 동시에 AngularJS는 또한 고도로 테스트 가능한 JavaScript 프레임 워크입니다. 공식적인 예에서는 모두 테스트 프로그램이 있으며 BDD (행동 중심) 개발 프레임 워크를 제공한다는 것을 알 수 있습니다.
위는 편집자가 소개 한 Angularjs JavaScript MVC 프레임 워크입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!