css - 将 CSS 样式表添加到不带 Bower 的 UI 路由器状态

标签 css angularjs angular-ui-router partials

我常常对跟上技术的发展感到不知所措…… 我想将 css 样式表添加到 UI 路由器状态。

我找到了 this post在这个确切的问题上,但我从未使用过 Bower。我当然明白 Bower 的好处,但是要安装它,它需要 node、npm 和 git。我从未使用过 node 或 npm,也不想在当前元素的中间研究两个新的不相关的东西。

我能否深入了解如何在不使用 Bower(节点和 npm)的情况下将 css 样式表添加到 ui 路由器状态?

这些是我不明白的帖子中的说明。

确保您的应用程序模块将 uiRouterStyles 指定为依赖项:

angular.module('myApplication', ['uiRouterStyles'])

将 css 文件添加到状态数据对象的相对路径

.state('state1', {
      url: '/state',
      controller: 'StateCtrl',
      templateUrl: 'views/my-template.html',
      data: {
        css: 'styles/some-overrides.css'
      }
    })

我了解依赖项注入(inject),但不了解如何处理 uiRouterStyles 依赖项。这类似于服务或工厂吗?

最佳答案

您可以查看作者创建的这个简单的 plunker:

http://plnkr.co/edit/HIcYEj2QRqBCwbZCU0Il?p=preview

基本上只包含 angular-ui-router-styles 作为一个简单的脚本。

<script src="path/to/angular-ui-router-styles.js"></script>

关于css - 将 CSS 样式表添加到不带 Bower 的 UI 路由器状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34426616/

相关文章:

javascript - AngularJS 解决依赖关系

javascript - 您如何使用 HTML5 标签,同时为本身不识别未知元素的无脚本客户端支持渐进增强?

jQuery UI 确认对话框 - 操作输出

asp.net - CSS Problems : Advertise over 2 divs, 布局问题

javascript - array1.filter 不是函数 ng-tags-input

angularjs - 后端接收到 HTTP Post 数据对象时不完整

angularjs - Angular UI 路由器 - 动态 TemplateURL

html - 使用列时每个里都有相同的阴影

javascript - ng-model 将输入字段中的文本更改为 [Object object]

Angular <router-outlet name ="popup"> 更改 URL 路径结构?