使用 ui-router 包含特定 css/js 文件的最佳方法 [英] Best way to include specific css/js files with ui-router
问题描述
我正在寻找管理 css 文件包含的最佳方法,
我找到了一个很好的答案:https://stackoverflow.com/a/20404559/3163545但这仅适用于 rootProvider.
那么如何用 stateProvider 做这样的事情:
app.config(['$routeProvider', function($routeProvider){$routeProvider.when('/some/route/1', {templateUrl: 'partials/partial1.html',控制器:'Partial1Ctrl',css: 'css/partial1.css'}).when('/some/route/2', {templateUrl: 'partials/partial2.html',控制器:'Partial2Ctrl'}).when('/some/route/3', {templateUrl: 'partials/partial3.html',控制器:'Partial3Ctrl',css: ['css/partial3_1.css','css/partial3_2.css']})}]);
非常感谢:)
这个模块可能对你有帮助:https://github.com/manuelmazzuola/angular-ui-router-styles
<块引用>通过
bower install angular-ui-router-styles --save
使用 Bower 安装它确保您的应用程序模块将 uiRouterStyles 指定为依赖项:
angular.module('myApplication', ['uiRouterStyles'])
添加 css 文件到状态数据对象的相对路径
.state('state1', {网址:'/状态',控制器:'StateCtrl',templateUrl: 'views/my-template.html',数据: {css: '样式/一些覆盖.css'}})
I'm looking for the best way to manage the includes of css files,
I've found a great answer : https://stackoverflow.com/a/20404559/3163545 But this is working only with rootProvider.
So how to do something like this with stateProvider :
app.config(['$routeProvider', function($routeProvider){
$routeProvider
.when('/some/route/1', {
templateUrl: 'partials/partial1.html',
controller: 'Partial1Ctrl',
css: 'css/partial1.css'
})
.when('/some/route/2', {
templateUrl: 'partials/partial2.html',
controller: 'Partial2Ctrl'
})
.when('/some/route/3', {
templateUrl: 'partials/partial3.html',
controller: 'Partial3Ctrl',
css: ['css/partial3_1.css','css/partial3_2.css']
})
}]);
Thank you very much :)
This module might help you: https://github.com/manuelmazzuola/angular-ui-router-styles
Install it with Bower via
bower install angular-ui-router-styles --save
Ensure that your application module specifies uiRouterStyles as a dependency:
angular.module('myApplication', ['uiRouterStyles'])
Add css file(s) relative path to the state data object
.state('state1', { url: '/state', controller: 'StateCtrl', templateUrl: 'views/my-template.html', data: { css: 'styles/some-overrides.css' } })
这篇关于使用 ui-router 包含特定 css/js 文件的最佳方法的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!