2015-11-06 84 views
0

我安装了一些带有凉亭的Angular模块。我应该如何知道模块的依赖模块名称?

有没有一种方法可以轻松找到相应的模块名称以将其添加到Angular应用程序依赖项中?


  1. bower install angular-drag-and-drop-lists --save
  2. 查找模块依赖名称(I假定一些角模块具有多于一个的模块)中的自述/文档/来源:dndLists
  3. 'dndLists'添加到相关项
+0

它通常是您下载的组件的js文件中模块的名称,例如:angular.module('angular-flot',[])..有时它是指令:或service angular.module('ngProgress .provider',['ngProgress.directive']) .service('ngProgress',function()... – MayK

回答

2

如果他们遵循了典型的角命名约定,它可能很容易猜到:

文件的第一部分应该是公司名称未缩写,和蛇的情况。文件的第二部分应该是模块描述,也是蛇的情况。当公司名称缩写时,您将获得名称空间。当你将命名空间和模块描述结合在一起时,你会得到模块名称。

应该清楚从例子:

角route.js - >

  • 公司=角
  • 模块描述=路线
  • 文件名=角route.js
  • prefix = ng(用于角度的命名空间)
  • 后缀=路由
  • 模块名称= ngRoute

角animate.js - >

  • 公司=角
  • 模块描述=动画
  • 文件名=角动画。JS
  • 前缀= NG(命名空间角)
  • 后缀=动画
  • 模块名称= ngAnimate

角拖和下拉式列表 - >

  • 公司=角度拖放
  • 模块描述=列表
  • filename = angular-drag-and-drop-lists.js
  • 前缀= DND(命名空间角拖动和下降)
  • 后缀=列表
  • 模块名称= dndLists

在上述情况下,它们并没有完全遵循命名约定它可能不容易猜测角度拖放缩写为'dnd'。但是你可能会发现大多数角模块都可以。

附注:

UI bootstrap不遵循此约定。

尽管如果他们有,文件和模块的名称可能是:

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

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

0

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

+0

我希望有更好的方法 –