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

发布时间：2020-12-17 07:28:14 所属栏目：安全来源：网络整理

导读：在VS.NET 2015中,我在bower.json中为 angularjs添加了一个引用.这导致了angularjs包的下载,我可以在Bower文件夹中看到. 但是,我无法执行任何angularjs代码.我在HTML标签中有一个ng-app.如果我向angularjs库添加CDN引用,它可以正常工作. 使用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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!