AngularJS/Глоток/Router: CSS не найдено при изменении маршрутов

Question

У меня есть маршрутизатор, как это:

var mainmodule.config(function($routeProvider){ 
    $routeProvider.when('/home',{ 
     templateUrl:'src/home/home.html' 
    }; 
    $routeProvider.when('/home/sports',{ 
     templateUrl:'src/home/sports.html' 
    } 
}) 

В переназначения отлично работают. Проблема заключается в том, что в моем главном файле (index.html), у меня есть следующие css в декларации головы:

<link rel="stylesheet" href="css/main.css"/> 

Если я перезагрузить страницу в localhost:8080/home стили загружены правильно. Но, перезагрузите страницу по адресу localhost:8080/home/sports стили не найдены, поскольку он пытается загрузить localhost:8080/home/css/main.css вместо localhost:8080/css/main.css.

Есть ли конфигурация, которую я пропустил, чтобы сообщить routeProvider, чтобы сохранить исходный путь css?

С уважением

Answer 1

использование относительно корневого пути:

<link rel="stylesheet" href="/css/main.css"/>