样式表的angular routeProvider

时间:2017-09-03 04:50:36

标签: javascript html css angularjs

所以我在我的main.css中声明了index.html中的风格。但当我将它移动到一个单独的文件并试图在我的routeProvider中声明样式表时,它只显示一个白页,顶部有我的导航栏(在main.css中设置样式)..我的routeProvider提供者看起来像。

.when('/', {
    templateUrl: 'static/partials/landing.html',
    controller: IndexController
    css: 'static/css/home.css'
})
.when('/about', {
    templateUrl: 'static/partials/about.html',
    controller: AboutController
})
.when('/post', {
    templateUrl: 'static/partials/post-list.html',
    controller: PostListController
})
.when('/post/:postId', {
    templateUrl: '/static/partials/post-detail.html',
    controller: PostDetailController
})
/* Create a "/blog" route that takes the user to the same place as "/post" */
.when('/blog', {
    templateUrl: 'static/partials/post-list.html',
    controller: PostListController
})
.otherwise({
    redirectTo: '/'
}); 

这是我第一次真正玩角度,所以我想我可能会错过一些简单的东西。我在网上搜索了一段时间并没有拿出太多东西。

1 个答案:

答案 0 :(得分:1)

你不能在没有库或指令的情况下在routerProvider中包含css,或者你可以使用 angular-css

var myApp = angular.module('myApp', ['ngRoute', 'angularCSS']);

然后在配置中提供单独的css。