title: What url to reach "/phone" in an Angular project?
body: <p>what url should I use to reach the "/phone" part from the routing? I am trying this <code>http://localhost:8888/workspace/AngA/phones</code> but the page is blank. Or maybe the url is correct, and I forgot something else.    </p>
  
  <p>Here is the whole code (2 html pages for the view, 2 js pages) :</p>
  
  <pre><code>//in home.html
  &lt;h1&gt;home&lt;/h1&gt;
  
  &lt;p&gt;
      &lt;a href="/phones/1"&gt;Add a {{ test }}&lt;/a&gt;
  &lt;/p&gt;
  
  ----
  
  //in index.html
  &lt;!doctype html&gt;
  &lt;html lang="en" ng-app="phonecatApp"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;My HTML File&lt;/title&gt;
    &lt;link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"&gt;
    &lt;link rel="stylesheet" href="css/app.css"&gt;
    &lt;script src="bower_components/angular/angular.js"&gt;&lt;/script&gt;
    &lt;script src="bower_components/angular-route/angular-route.js"&gt;&lt;/script&gt;
    &lt;script src="js/app.js"&gt;&lt;/script&gt;
    &lt;script src="js/controllers.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;div ng-view&gt;hello&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  
  ----
  
  //in app.js
  'use strict';
  
  var phonecatApp = angular.module('phonecatApp', [
    'ngRoute',
    'phonecatControllers'
  ]);
  
  phonecatApp.config(['$routeProvider',
    function($routeProvider) {
      $routeProvider.
        when('/phones', {
          templateUrl: 'partials/home.html',
          controller: 'PhoneListCtrl'
        }).
        when('/phones/:phoneId', {
          templateUrl: 'partials/detail.html',
          controller: 'PhoneDetailCtrl'
        }).
        otherwise({
          redirectTo: '/phones'
        });
    }
  ]);
  
  ----
  
  //in controllers.js
  
  'use strict';
  
  var phonecatControllers = angular.module('phonecatControllers', []);
  
  phonecatControllers.controller('PhoneListCtrl', function ($scope) {
    $scope.test = 'age';
  });
  
  phonecatControllers.controller('PhoneDetailCtrl', function($scope, $routeParams){
  
  });
  </code></pre>