ui-router演示项目不使用组件

时间:2016-11-21 21:36:02

标签: angularjs angular-ui-router bower

想要使用基于状态的路由我在ui-router中尝试了示例项目:

ui-router demo

它可以工作,但只要对此预发布库的引用有效:



    <!-- working -->
    <script src="//npmcdn.com/angular-ui-router@1.0.0-alpha.4/release/angular-ui-router.js"></script>
&#13;
&#13;
&#13;

如果我安装了最新版本,则不再将组件注入到演示视图项目中。它只是失败而没有错误。

&#13;
&#13;
    <!-- not working -->
    <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
&#13;
&#13;
&#13;

我使用这样的bower安装了库 - 有没有特定版本:

bower安装angular-ui-router#0.3.1 --save

我也试过像这样使用npm安装:

npm install --save angular-ui-router

演示项目根本不适用于这些库。是否有任何重大改变或错误是什么?

问候!

1 个答案:

答案 0 :(得分:0)

自从过去一年以来我一直在大量使用ui-router以来,我认为没有发生过重大变化。 检查您的bower_components是否属于静态目录。如果您尚未将其配置为,并且如果您使用node + express,则可以编写类似

的内容
app.use(express.static('client'));

这样做会使节点(我假设你在节点上)将该目录中的所有文件服务器公开。有点像你在apache中使用的目录指令(如果有的话),可以公开访问这个/那个文件夹下的所有这些文件。

可选提示: bower_components看起来很难看。在.bowerrc所在的同一目录下创建一个server.js文件并在其中输入:

{
  "directory":"client/assets/lib"
}

这将是(从现在开始)安装lib文件夹下的所有依赖项。当然,你的路径可能不同,但我喜欢这种结构。但请确保将此目录放在静态目录(此示例中为客户端);

干杯!