角度种子项目 - 角度加载器-js 依赖项

Angular seed project - angular-loader-js dependencies

本文关键字：-js 依赖 种子 子项目 加载      更新时间：2023-09-26

我使用角度种子，我将引导程序添加到项目中

在索引中.html我使用此脚本。

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
<script src="app.js"></script>

当我运行 npm 运行运行更新索引异步时

即生成此脚本部分

    $script([
      'bower_components/jquery/dist/jquery.js',
      'bower_components/bootstrap/dist/js/bootstrap.js',
      'bower_components/angular/angular.js',
      'bower_components/angular-ui-router/release/angular-ui-router.min.js',
      'app.js'
    ]

但是当我加载索引异步时，我得到"未捕获的错误：Bootstrap的JavaScript需要jQuery"。

如何使用角度加载器管理依赖项.js。有机会如何做到这一点吗？

为了回答您的问题，一般来说，我们应该避免在 AngularJS 应用程序中尽可能使用 JQuery 或Bootstrap库用法，以获得开箱即用的功能。相反，您可以使用angular ui-bootstrap而不是Bootstrap。
JQuery提供的任何功能都可以轻松但以更优雅的方式使用 AngularJS 进行开发。
此外，Angular还有一个内置的JQuery库，称为 jqLite .

github中有一系列角度种子项目。但每个都不同，并涉及特定领域。并非大多数种子项目确实包含常规项目所需的大多数实现。

有关 jqlite，请参阅这些官方文档链接 -

  • AngularJS FAQ
  • Angular jqLite 详细信息

因此，我生成了一个我更频繁地使用它来生成我的 angularjs 项目。希望这能帮助您遵循和学习项目模式和示例实现。
AngularJS 种子项目。

可能是因为 Angular 中使用的 jquery lite 之间存在冲突。使用角度材料，仅引用引导程序.css或结帐角度引导。最好不要将 JQuery 与 Angular 一起使用。

材料UI-bootstrap

相关文章：