javascript - Angular 模块依赖项的命名约定

Question

我刚刚开始学习 AngularJS，并有机会查看不同的 Angular 示例。我有一个关于 angular.module 依赖项的问题。我们如何知道要使用的依赖项的名称以及从何处(或哪个目录) Angular 注入(inject)这些依赖项？

例如

var clientApp = angular.module('clientApp', ['ui.bootstrap', 'hljs', 'common', 'smart-table',
    'bootstrap.fileField', 'toaster', 'ngAnimate', 'angulartics', 'angulartics.google.analytics']);

在上面的clientApp中，他们使用了九个依赖项。我对用于注入(inject)这些依赖项的名称感到困惑，例如 ui.bootstrap、hljs 等。这些名称有任何标准约定吗？另外，如何从 lib 文件夹中获取所需的模块？这是我的目录结构

+---js
¦       appctrl.js
+---lib
    +---components
        +---angular
        ¦       angular.js
        ¦       angular.min.js
        +---angular-animate
        ¦       angular-animate.js
        ¦       angular-animate.min.js
        +---angular-bootstrap
        ¦       ui-bootstrap-tpls.js
        ¦       ui-bootstrap-tpls.min.js
        ¦       ui-bootstrap.js
        ¦       ui-bootstrap.min.js

clientApp 将毫无疑问地获取所有模块。我想知道它如何在不指定的情况下访问这些目录。

Answer 1

模块依赖项的注入(inject)取决于您的代码。根据代码的需要注入(inject)一个或多个依赖项。如果您使用 Angular 在页面之间重定向，则会注入(inject)“ngRoute”。如果要注入(inject)“ngRoute”，则必须在脚本 header 中指定“angular-route.js”。另一个例子是 ngAnimate。当需要动画时使用它。当菜单出现或消失时应使用此功能以使过渡平滑。应添加 angular-animate.js。

ui-bootstrap 是用 Angular 开发的 Bootstrap 组件列表。如果您打算使用以下 URL 中的任何指令，您将注入(inject) ui-bootstrap。 https://angular-ui.github.io/bootstrap/

Toaster 是第三方库。另一种常见的是 gridster。

有数百个模块可以注入(inject)到 Angular 模块中。请仅注入(inject)代码中使用的模块，如上所述。您必须将相关的 js 文件添加到 HTML 脚本部分。如果不添加js脚本，Angular代码将无法理解注入(inject)。

如果您需要更多详细信息，请告诉我