Angular Logout won't clear local storage
<p>So here is my logout on ng-click: (my view)</p>

<pre><code>&lt;div class="navbar navbar-default"&gt;&lt;div class="container"&gt;
&lt;div id="navbar-main"&gt;
  &lt;ul class="nav navbar-nav"&gt;
    &lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li ng-show="navvm.isLoggedIn" ng-hide="navvm.logout"&gt;&lt;a href="profile"&gt;{{ navvm.currentUser.name }}&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul class="nav navbar-nav navbar-right"&gt;
    &lt;li ng-hide="navvm.isLoggedIn"&gt;&lt;a href="login"&gt;Sign in&lt;/a&gt;&lt;/li&gt;
    &lt;li ng-show="navvm.isLoggedIn"&gt;&lt;a ng-click="logOut()" href=""&gt;Logout&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>
</p>

<p>Then i'm trying to remove the localStorage by removing the token like so: (controller)</p>

<pre><code>(function () {
  angular
   .module('meanApp')
   .controller('logoutCtrl', logoutCtrl);

     logoutCtrl.$inject = ['$location', '$window'];
     function logoutCtrl($location, $window) {
       logout = function() {
         $window.localStorage.removeItem('mean-token');
       };
     }
})();
</code></pre>

<p>(controller):</p>

<pre><code>(function () {

  angular.module('meanApp', ['ngRoute']);

  function config ($routeProvider, $locationProvider) {
    $routeProvider
      .when('/', {
        templateUrl: '/home/home.view.html',
        controller: 'homeCtrl',
        controllerAs: 'vm'
      })
      .when('/register', {
        templateUrl: '/auth/register/register.view.html',
        controller: 'registerCtrl',
        controllerAs: 'vm'
      })
      .when('/login', {
        templateUrl: '/auth/login/login.view.html',
        controller: 'loginCtrl',
        controllerAs: 'vm'
      })
      .when('/profile', {
        templateUrl: '/profile/profile.view.html',
        controller: 'profileCtrl',
        controllerAs: 'vm'
      })
      .when('/logout', {
        templateUrl: '/home/home.view.html',
        controller: 'logoutCtrl',
      })
      .otherwise({redirectTo: '/'});

    // use the HTML5 History API
    $locationProvider.html5Mode(true);
  }

  function run($rootScope, $location, authentication) {
    $rootScope.$on('$routeChangeStart', function(event, nextRoute, currentRoute) {
  if ($location.path() === '/profile' &amp;&amp; !authentication.isLoggedIn()) {
    $location.path('/');
      }
    });
  }

  angular
    .module('meanApp')
    .config(['$routeProvider', '$locationProvider', config])
    .run(['$rootScope', '$location', 'authentication', run]);

})();
</code></pre>

<p>Whenever I try to logout the localStorage is still defined.  I've tried clearing the storage.  Tried deleting it.  Maybe i'm not doing the angular right.  I'm new to all of this so please help.  Thank you!</p>