Angular 브 라 우 저 플러그 인 Batarang 소개 및 사용

Angular 브 라 우 저 플러그 인 Batarang 소개
앵 귤 러 초보 자 들 에 게 앵 귤 러 를 처음 맡 았 을 때 는 고 통 스 러 웠 다.확실히 JQuery,Backbone 등에 비해 Angular 문턱 이 상대 적 으로 높 고 디 버 깅 이 어렵다.오늘 은 Angular Chrome 플러그 인 Batarang 의 소 개 를 가 져 왔 습 니 다.플러그 인 을 잘 활용 하면 Angular 에 대한 이 해 를 강화 하 는 데 도움 이 될 것 입 니 다.
준비 작업
설치 Batarang:
방법 1:Chrome 응용 상점 에서 Batarang 을 찾 아 설치 합 니 다방법 2:인터넷 에서 Batarang 의 설치 패 키 지 를 찾 아 Chrome 브 라 우 저 에 직접 설치 합 니 다쓰다
설 치 된 Batarang 플러그 인의 브 라 우 저 에서 Angular 응용 프로그램 을 열 고 콘 솔 을 엽 니 다.다음 그림:

콘 솔 에 AngularJS 페이지 가 하나 더 있 는 것 을 발견 할 수 있 습 니 다."Enable"을 선택 하면 이 컨트롤 을 사용 할 수 있 습 니 다.
Models
Models 를 누 르 면 다음 그림 과 같 습 니 다.왼쪽 은 이 응용 에 응 용 된 모든 Scope 의 정보 이 고 오른쪽 은 Scope 에 대응 하 는 모델 정보 입 니 다.어떤 역할 영역 을 클릭 하면 오른쪽 에 해당 하 는 역할 영역 에 있 는 모든 모델 정 보 를 표시 합 니 다.
Scope 앞의"<"를 누 르 면 Elements 에 있 는 이 역할 영역 이 있 는 DOM 탭 으로 이동 합 니 다.

Performance
Performace 는 이 응용 프로그램의 성능 을 보 여 줍 니 다.왼쪽 에는 감시 트 리 가 표시 되 어 있 고 오른쪽 에는 감시 표현 식 의 성능 이 표시 되 어 있 습 니 다.이 페이지 는 우리 가 성능 을 최적화 하 는 데 도움 을 줄 수 있 습 니 다.

Dependenices
Dependenices 가 보 여 준 명령 과 서비스 간 의 의존 관 계 는 특정한 명령 을 선택 하면 의존 하 는 서 비 스 를 볼 수 있 습 니 다.

Options
마지막 으로 options 페이지 입 니 다."show applications","show scopes","show bings"세 가지 옵션 이 있 습 니 다.각 옵션 을 선택 할 때 debugger 에 해당 하 는 내용 은 페이지 에서 강조 합 니 다.


help
질문 이 있 으 면 help 를 보십시오.
Element
사실 제 가 가장 많이 사용 하 는 것 은 Element 오른쪽 에 있 는 AngularJS Properties 태그 일 겁 니 다.Element 탭 에서 어떤 탭 을 선택 할 때 Element 페이지 오른쪽 에 있 는 내용 은 AngularJS Properties 페이지 가 하나 더 있 습 니 다.이 페이지 는 선 택 된 html 콘 텐 츠 의 역할 영역 속성 을 표시 합 니 다.이 기능 은 Angular Scope 에 대한 이해 에 매우 유용 합 니 다.Angular Scope 를 잘 이해 하지 못 한다 면 이 기능 을 하나 더 사용 할 수 있다.

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.