СТИЛЬНЫЙ ЛИСТ REL LINK CSS не отражает CSS login.html внутри пользовательского интерфейса
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- IMPORT -->
<link rel="stylesheet" href="content/css/index.css">
</head>
<body ng-app="test" ui-view>
</body>
<script src="lib\angular\angular.js"></script>
<script src="lib\angular\angular-route.min.js"></script>
<script src="lib\angular\angular-ui-router.min.js"></script>
<script src="app\app.js"></script>
<script src="app\router\router.js"></script>
</html>
CSS
.turnBlack {
background: black;
}
МАРШРУТИЗАТОР JS
app.config(['$stateProvider', function ($stateProvider, $urlRouterProvider) {
$stateProvider
.state("login", {
url: "/login",
templateUrl: "app/view/login.html",
controller: "loginController"
})
$urlRouterProvider.otherwise('/login'); // ALSO THE OTHERWISE IS NOT WORKING
}])
LOGIN.HTML
Элемент div должен иметь черный фон
<div class="turnBlack">
I WANT TO BE BLACK
</div>