javascript - ui-view不呈现父样式和js

我有像这样的文件夹结构

dashboard (folder)
  -- index.html
route.js
index.html

我的index.html我将ui-view

包裹起来

<head>
<style type="text/css">
h1{color:red}
</style>
</head>
<body>
<ui-view></ui-view>
</body>

然后在route.js我有

var app = angular.module('cartApp', ['ui.router']);

app.config(['$stateProvider','$urlRouterProvider','$locationProvider', function($stateProvider, $urlRouterProvider, $locationProvider) {
    $locationProvider.html5Mode(true);
    $stateProvider

        .state('dashboard', {
            url: '/dashboard',
            templateUrl: 'dashboard/index.html'
        })
}]);

但是当我去localhost:3000/dashboard时，我看到h1没有颜色。它无法加载其父级的'东西'。知道为什么吗？

ui-view不呈现父样式和js

0 个答案: