angularjs – 如何引用Bower添加的包?

前端之家收集整理的这篇文章主要介绍了angularjs – 如何引用Bower添加的包?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在VS.NET 2015中,我在bower.json中为 angularjs添加了一个引用.这导致了angularjs包的下载,我可以在Bower文件夹中看到.

但是,我无法执行任何angularjs代码.我在HTML标签中有一个ng-app.如果我向angularjs库添加CDN引用,它可以正常工作.

使用Bower下载的软件包我错过了什么?

您缺少的是在index.html中的bower_components文件夹中引用下载的库.

例如,假设你向bower添加了restangular.该库位于./bower_components/restangular中,因此在index.html(您的SPA)中.你会像这样引用它:

<script src="../bower_components/restangular/dist/restangular.js"></script>

请注意,有时您应该添加所有库主文件(js和css),因为您需要检查库的bower.json中包含的主要属性的值.对于我们在../bower_components/restangular/中的bower.json中的示例,我们有:

“main”:“./ dist /restangular.js”,

在.bowerrc文件中,您可以在我的示例中定义下载库的目录,它将是bower_components.

在.csproj文件添加

<Content Include="bower_components/restangular/dist/restangular.js" />

使用可以看到这个example

原文链接:https://www.f2er.com/angularjs/142087.html

猜你在找的Angularjs相关文章