Question

我用bower安装了一些Angular模块。

有没有办法轻松找到相应的模块名称以将其添加到Angular应用程序依赖项中？

示例

bower install angular-drag-and-drop-lists --save
在readme / docs / sources中查找模块依赖项名称（我假设一些Angular模块有多个模块）：dndLists
将'dndLists'添加到依赖项

Answer 1

如果它们遵循典型的角度命名约定，则可能很容易猜到：

文件的第一部分应该是公司名称未缩写，以及蛇案例。文件的第二部分应该是模块描述，也是蛇案例。当公司名称缩写时，您将获得名称空间。组合命名空间和模块描述时，在驼峰的情况下，您将获得模块名称。

从例子中可以清楚地看出：

angular-route.js - ＆gt;

company = angular
module description = route
filename = angular-route.js
prefix = ng（angular for namespace）
suffix = route
模块名称= ngRoute

angular-animate.js - ＆gt;

company = angular
module description = animate
filename = angular-animate.js
prefix = ng（angular for namespace）
suffix = animate
模块名称= ngAnimate

angular-drag-and-drop-lists - ＆gt;

company = angular-drag-and-drop
模块说明=列表
filename = angular-drag-and-drop-lists.js
prefix = dnd（angular-drag-and-drop命名空间）
suffix = lists
module name = dndLists

在上面的例子中，他们并没有完全遵循命名惯例，因为它可能不容易猜测angular-drag-and-drop缩写为'dnd'。但是你可能会发现大多数角度模块都可以。

旁注：

UI引导程序不遵循此约定。

虽然如果有，但文件和模块名称可能是：

bootstrap-ui.js --> ui
bootstrap-ui-collapse.js --> uiCollapse
bootstrap-ui-accordion.js --> uiAccordion
bootstrap-ui-buttons.js --> uiButtons
etc

就个人而言，我喜欢模块名称很容易从他们的文件名中猜出来。对于UI Bootstrap，我更喜欢上面的命名约定。

Answer 2

1：通常，角度模块有一个readme.md文件，如果它来自github.com。它们可以帮助您在应用程序中添加模块。

2：第二个也是打开主.js文件并找到主要的angular.module（）名称的最佳方法。

示例

angular.module("ui.bootstrap", ["ui.bootstrap.collapse","ui.bootstrap.accordion","ui.bootstrap.alert","ui.bootstrap.buttons","ui.bootstrap.carousel","ui.bootstrap.dateparser","ui.bootstrap.position","ui.bootstrap.datepicker","ui.bootstrap.dropdown","ui.bootstrap.stackedMap","ui.bootstrap.modal","ui.bootstrap.pagination","ui.bootstrap.tooltip","ui.bootstrap.popover","ui.bootstrap.progressbar","ui.bootstrap.rating","ui.bootstrap.tabs","ui.bootstrap.timepicker","ui.bootstrap.typeahead"]);

ui-bootstrap example

我应该如何知道模块的依赖模块名称？

2 个答案: