top button
Flag Notify
    Connect to us
      Facebook Login
      Site Registration Why to Join

    Get Free Article Updates

Facebook Login
Site Registration
Print Preview

What is ng-inspector?

0 votes

What is Ng-Inspector?

ng-inspector is a browser extension that displays an inspector panel showing the AngularJS scope hierarchy in the current page in real time, as well as which controllers or directives are associated with which scope.

Hovering over a scope in the inspector will highlight the DOM element that scope is attached to. Clicking on a model will console.log that model's contents.


See whole scope hierarchy in your AngularJS application. Click on the scopes in the pane to console.log their assigned DOM Nodes.
DOM highlighting
As you mouse-over the scopes in the pane, their DOM nodes are highlighted in the page.
Controllers, directive
ng-inspector identifies and displays along with each scope the Controllers and Directives that triggered its creation.
See all the scope’s models, their types and values. Click the model to console.log their values.
Real time
As you interact with your application, ng-inspector updates everything in real time.

Video for Inspector

posted Jul 10 by Manish Tiwari

  Promote This Article
Facebook Share Button Twitter Share Button Google+ Share Button LinkedIn Share Button Multiple Social Share Button

Related Articles

What is AngularFire?

AngularFire is the officially supported AngularJS binding for Firebase. Firebase is a backend service that provides data storage, file storage, authentication, and static website hosting for your Angular app. AngularFire is a complement to the core Firebase client.

AngularFire is a complement to the core Firebase client. It provides you with several Angular services:

  • $firebaseObject - synchronized objects
  • $firebaseArray - synchronized collections
  • $firebaseStorage - store and retrieve user-generated content like images, audio, and video
  • $firebaseAuth - authentication, user management, routing

AngularFire requires Firebase in order to authenticate users and sync and store data. Firebase is a suite of integrated products designed to help you develop your app, grow your user base, and earn money.

NPM Command

npm install angularfire --save

Bower Command

bower install angularfire --save

Video for Angular Fire

Contact Us
+91 9880187415
#470/147, 3rd Floor, 5th Main,
HSR Layout Sector 7,
Bangalore - 560102,
Karnataka INDIA.