Angular js app not defined warning

As they are separate files and grunt/jshint will not know that the variable is available in other files. Instead of that it would be a best practice to use it in this way:

Instead use this:

angular.module('myTestApp')
 .controller('SampleCtrl', function ($scope,
                                       $location,
                                       $routeParams,
                                       SampleModel) {

 console.log('this is a test controller');
});

Another general pattern you might have noticed in most the other's code, wrapping the code inside an IIFE.

(function() {
"use strict";

 var app = angular.module('myTestApp')
     app.controller('SampleCtrl', function ($scope,
                                           $location,
                                           $routeParams,
                                           SampleModel) {

     console.log('this is a test controller');
    });

})();

In this app will not pollute the global namespace and it's local to that function.

Here if you've noticed, I've not used [] while using angular.module(), it means that we're just getting that module.

So in your app.'s alone, it will be with [] and in other files without []

 (function() {
    "use strict";

     var app = angular.module('myTestApp', ['ngCookies',
                                       'ngResource',
                                       'ngRoute',
                                       'ngSanitize',
                                       'ngTouch']);

    app.config(function ($routeProvider) {
        $routeProvider
         .when('sample', {
            templateUrl: 'views/sample.html',
            controller: 'sampleCtrl'
          })
     });

  })();