[Angular] Angular 앱을 브라우저 콘솔에서 디버깅하는 방법
처음 쓴
ng.probe
는 없어졌다(?) 것 같습니다.대신 아래와 같이 지정한 요소가 포함된 구성 요소를 검색할 수 있습니다.
ng.getOwningComponent($0)
Angular의 구성 요소를 브라우저의 콘솔에서 조금 들여다 보는 방법입니다.
AngularJS 시대는 angular.element($0).scope() 어떻게 방법으로 갈 수 있었습니다. 그것의 Angular 시대 버전입니다.
보고 싶은 요소를 선택
Inspector에서 보고 싶은 요소를 선택합니다.
콘솔에 ng.probe 입력
다음과 같이 입력하면 구성 요소 개체를 덤프할 수 있습니다.
ng.probe($0).componentInstance
오류가 발생하면 잘못된 요소를 선택했거나 디버그 모드가 비활성화된 것 같습니다.
Reference
이 문제에 관하여([Angular] Angular 앱을 브라우저 콘솔에서 디버깅하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/sengoku/items/7247281b05e11aaa96b7
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
다음과 같이 입력하면 구성 요소 개체를 덤프할 수 있습니다.
ng.probe($0).componentInstance
오류가 발생하면 잘못된 요소를 선택했거나 디버그 모드가 비활성화된 것 같습니다.
Reference
이 문제에 관하여([Angular] Angular 앱을 브라우저 콘솔에서 디버깅하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/sengoku/items/7247281b05e11aaa96b7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)