Angular Routing not happening for Login screen
<p>Following is my App.js code:</p>

<pre><code>'use strict';

/* App Module */

var phonecatApp = angular.module('phonecatApp', [
  'ngRoute',
  'phonecatAnimations',

  'phonecatControllers',
  'phonecatFilters',
  'phonecatServices'
]);

phonecatApp.config(['$routeProvider','$locationProvider',
  function($routeProvider,$locationProvider) {
    $routeProvider. 
    when('/login', {
        templateUrl: 'partials/login.html',
        controller: 'PhoneLoginCtrl'
      }).
      when('/phones', {
        templateUrl: 'partials/phone-list.html',
        controller: 'PhoneListCtrl'
      }).
      when('/phones/:phoneId', {
        templateUrl: 'partials/phone-detail.html',
        controller: 'PhoneDetailCtrl'
      }).
      otherwise({
        redirectTo: '/login'
      });
  }]);
</code></pre>

<p>Following is my Controller.js code:</p>

<pre><code>'use strict';

/* Controllers */

var phonecatControllers = angular.module('phonecatControllers', []);

phonecatControllers.controller('PhoneLoginCtrl', ['$scope','$userInfoService','$location',
 function($scope,$userInfoService,$location){
    $scope.check = false;
     $scope.message = null;         
    //$scope.user = {};
    $scope.loginUser=function()
    {
        var username=$scope.user.name;
        var password=$scope.user.password;
        if(username=="admin" &amp;&amp; password=="admin123")
        {
            //page.setUser($scope.user);
            $location.path( "/phones" );
        }
        else
        {
            $scope.message="Error";
            $scope.messagecolor="alert alert-danger";
        }
    }
 }]);

phonecatControllers.controller('PhoneListCtrl', ['$scope', 'Phone',
  function($scope, Phone) {
    $scope.phones = Phone.query();
    $scope.orderProp = 'age';
  }]);

phonecatControllers.controller('PhoneDetailCtrl', ['$scope', '$routeParams', 'Phone',
  function($scope, $routeParams, Phone) {
    $scope.phone = Phone.get({phoneId: $routeParams.phoneId}, function(phone) {
      $scope.mainImageUrl = phone.images[0];
    });

    $scope.setImage = function(imageUrl) {
      $scope.mainImageUrl = imageUrl;
    }
  }]);
</code></pre>

<p>Though my other functions are working - phone-list and phone-detail but login page is not appearing. When I am invoking login page blank page is appearing. Please help. Following is the link to my project in Plunker:</p>

<p><a href="https://plnkr.co/edit/zKXSOyRBg5ks42VL3YM8" rel="nofollow">https://plnkr.co/edit/zKXSOyRBg5ks42VL3YM8</a></p>