ng-inspector, a browser extension for AngularJS(ng-inspector.org)

over 7 years ago from Bruno Daniel, Co-founder, Flying Dog

  • Bruno DanielBruno Daniel, over 7 years ago

    When you click on a Scope, the extension console.log()s the DOM Node it's attached to. Clicking on a model console.log()s the model value.

    I understand this isn't obvious from the UI, and it's a usability issue that I'll address in an upcoming update.

    0 points
    • Mattan IngramMattan Ingram, over 7 years ago

      Ahhh, I see! Yeah that isn't obvious, and would be cool if that information was shown in the UI itself.

      Have you used Angular Batarang? It's really ugly and annoying to use, but allows you to expand and collapse the scope visually so you can narrow in on what you want. It also adds an Angular Properties panel to the specific element you inspect.

      The ideal I think would be a mix of yours and Batarang's functionality.

      1 point
      • Bruno DanielBruno Daniel, over 7 years ago

        I'm familiar with Batarang, it was the original inspiration. I wanted that functionality in browsers other than Chrome, while also addressing my own insatisfaction with its UI/UX.

        0 points