CSS not loaded in other views when routing in angularjs
<p>Hey so I'm routing between views in Angularjs using routeProvider and ng-view.  My issue is that my css does not get loaded when the route changes.  I tried including Angular-css so that the css could  be included in each view but it doesn't seem to work.  It gets loaded in the first page loaded from ng-view (home.html), but when I link to another page from there the css stops getting loaded.</p>

<p><strong>index.html:</strong></p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en" ng-app="myApp"&gt;
  &lt;head&gt;

    &lt;script src="app/lib/jquery-3.0.0.js"&gt;&lt;/script&gt;
    &lt;link href="styles.css" rel="stylesheet" type="text/css" /&gt;

    &lt;script src="app/lib/angular.min.js"&gt;&lt;/script&gt;
    &lt;script src="app/lib/angular-route.min.js"&gt;&lt;/script&gt;
    &lt;script src="app/lib/angular-css.min.js"&gt;&lt;/script&gt;
    &lt;script src="app/lib/app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;

    &lt;main ng-view&gt;
    &lt;/main&gt;

  &lt;/body&gt;
</code></pre>

<p><strong>app.js</strong></p>

<pre><code>var myApp = angular.module('myApp', ['ngRoute', 'angularCSS']);
myApp.config(['$routeProvider', function($routeProvider){
$routeProvider
  .when('/login', {
    templateUrl: 'views/login.html',
    css: 'styles.css'
  })
  .when('/home', {
    templateUrl: 'views/home.html',
    css: 'styles.css'
  })
  .when('/signup', {
    templateUrl: 'views/signup.html',
    css: 'styles.css'
  })
  .when('/submitdish', {
    templateUrl: 'views/submitdish.html',
    css: 'styles.css'
  })
  .when('/login', {
    templateUrl: 'views/login.html',
    css: 'styles.css'
  })
  .otherwise({
    redirectTo: '/home',
    css: 'styles.css'
  });
}]);
</code></pre>

<p><strong>home.html</strong>:</p>

<pre><code>&lt;ul class="nav"&gt;
     &lt;a align="center" href="views/home.html"&gt;&lt;li&gt;Home&lt;/li&gt;&lt;/a&gt;
     &lt;a align="center" href=""&gt;&lt;li&gt;About&lt;/li&gt;&lt;/a&gt;
     &lt;a align="center" href="#"&gt;&lt;li&gt;Contact&lt;/li&gt;&lt;/a&gt;
  &lt;/ul&gt;

&lt;section class="container"&gt;
  &lt;div class="left-half"&gt;
    &lt;article&gt;
      &lt;a href="views/submitdish.html" class="Button"&gt;Sell a Dish&lt;/a&gt;

      &lt;p&gt;Something Something Something about Selling your home-cooked dishes&lt;/p&gt;
    &lt;/article&gt;
  &lt;/div&gt;
  &lt;div class="right-half"&gt;
    &lt;article&gt;
      &lt;a href="views/buydish.html" class="Button"&gt;Buy a Dish&lt;/a&gt;
      &lt;p&gt;Yada yada yada buy food from your neighbors&lt;/p&gt;
    &lt;/article&gt;
  &lt;/div&gt;
&lt;/section&gt;
</code></pre>