Have you heard of Angular-Hint? That’s Available Today for Angular 1.x!

angular-hint is like js-hint for Angular.JS. It’s a JavaScript file you add to your application (typically in dev/debug mode only). Then it notifies you when you do anything that’s considered an anti-pattern in Angular.JS (or completely wrong, which by default sometimes produces no error and visible effect to see / debug). It does so by logging messages to the browser console.


It’s created by the Angular team (most work by Brian Ford) under the official Github account. The Github repo says it’s a work-in-progress, but it works very nicely.

It works best with Angular 1.3 (the best Angular we have to day), and it even works with Angular 1.2 telling you about any code issues that could be problematic when you upgrade to 1.3 (not sure if that part is functional).

It has different categories of notifications that you can turn on and off individually. Like controllers, directives, events, modules, and much more.

An interesting futuristic take on Angular-Hint is that this is also the place where the team will start adding warnings about practices that might be problematic when you upgrade to Angular 2. This is not there yet (because we aren’t close to having an Angular 2 yet), but this is the plan as the team mentioned in the “Adventures in Angular” podcast.

Learning Angular-Hint

This post is not a tutorial in itself. Just a nudge for those who may have not noticed it through the Angular 2 buzz in ng-europe. So, here are the best resource I have found to day to learn more:

Video: Tooling by Brian Ford at ng-europe 2014
In this ng-europe video, Brian Ford provide an excellent explanation of the need to something like angular-hint, and a few different ways it can help you. You can also check the session slides on Google Docs.

Exploring Angular 1.3 – Angular-hint
A great blog post on angular-hint the describes the different categories it has and shows examples of how it works. This was where I learned about angular-hint even before watching the ng-europe video.

A Quick Final Note

this post is just one part of the upcoming Issue 5 of my AngularJS & Web Development newsletter. If you like what you see, you can subscribe to the newsletter via the form at the top right side of the page, or through the signup page.

Share With Friends:

P.S. Please help me out by checking this offer, then look below for a small Thank You.

How did I learn that?

As a bonus for coming here, I'm giving away a free newsletter for web developers that you can sign up for from here.
It's not an anything-and-everything link list. It's thoughtfully collected picks of articles and tools, that focus on Angular 2, ASP.NET 5, and other fullstack developer goodies.