在没有 Bower 的情况下将 CSS 样式表添加到 UI 路由器状态答案

【问题标题】：Add CSS Style Sheet to UI Router State w/out Bower在没有 Bower 的情况下将 CSS 样式表添加到 UI 路由器状态
【发布时间】：2016-03-14 17:50:18
【问题描述】：

我经常对跟上技术的步伐感到不知所措…… 我想将 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'
      }
    })

我了解依赖注入，但不了解如何处理 uiRouterStyles 依赖项。这类似于服务还是工厂？

【问题讨论】：

从外观上看，uiRouterStyles 适用于任何 css 文件，并且不依赖于 Bower。在github.com/manuelmazzuola/angular-ui-router-styles 的最底部，它解释了它是如何工作的。
Bower 只是一个 javaScript 包管理器。它实际上是多余的，因为 NPM 是一个 JavaScript 包管理器。如果您不想使用 NPM 或 Bower，只需像使用 angular 和 angular-ui-router 一样安装 angular-ui-router-styles。

标签： css angularjs angular-ui-router partials

【解决方案1】：

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

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

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

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

【讨论】：