title: Angularjs getting controller to work
body: <p>What's wrong with this controller/html setup?</p>
  
  <p><strong>view1.html:</strong></p>
  
  <pre><code>    &lt;!doctype html&gt;
      &lt;html ng-app="myApp" ng-controller="View1Ctrl"&gt;
      &lt;head&gt;
          &lt;title&gt;Hello AngularJS&lt;/title&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="view1.js"&gt;&lt;/script&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div &gt;
          &lt;p&gt;The content is {{user.content}}&lt;/p&gt;
      &lt;/div&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p><strong>View1.js:</strong></p>
  
  <pre><code>'use strict';
  
  angular.module('myApp.view1', ['ngRoute'])
  
  .config(['$routeProvider', function($routeProvider) {
    $routeProvider.when('/view1', {
      templateUrl: 'view1/view1.html',
      controller: 'View1Ctrl'
    });
  }])
  
  .controller('View1Ctrl', [ function GetAuthToken($scope, $http) {
      $http.get('http://dev.hypr.com/DevAPI/rest/login', {headers: {'API_KEY':'87d2e2c64d9a941f0520653e51eae4935f6a640256f2f85610d0b281fa26a9dd'}}).
      success(function(data) {
          $scope.Auth = data;
      });
  },function GetUsers($scope, $http) {
    $http.get('http://dev.hypr.com/DevAPI/rest/uafapp/apps/testorigin/users/5',{headers: {'AUTH_TOKEN': GetAuthToken()}}).
    success(function(data) {
      $scope.user = data;
    });
  }]);
  </code></pre>
  
  <p>It keeps giving this error: </p>
  
  <pre><code>[Mon May 30 2016 13:11:01 GMT-0400 (Eastern Daylight Time)] "GET     /view1/view1.js" Error (404): "Not found"
  </code></pre>
  
  <p>Here's the path structure:
  <a href="http://i.stack.imgur.com/N9u64.png" rel="nofollow">Path structure</a></p>