Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/powershell/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度模块依赖项的命名约定_Javascript_Angularjs_Twitter Bootstrap_Module - Fatal编程技术网

Javascript 角度模块依赖项的命名约定

Javascript 角度模块依赖项的命名约定,javascript,angularjs,twitter-bootstrap,module,Javascript,Angularjs,Twitter Bootstrap,Module,我刚开始学习AngularJS,有机会看到不同的角度示例。我有一个关于angular.module依赖关系的问题。我们如何知道要使用的依赖项的名称以及这些依赖项的位置(或目录) 比如说 var clientApp = angular.module('clientApp', ['ui.bootstrap', 'hljs', 'common', 'smart-table', 'bootstrap.fileField', 'toaster', 'ngAnimate', 'angulartics

我刚开始学习AngularJS,有机会看到不同的角度示例。我有一个关于angular.module依赖关系的问题。我们如何知道要使用的依赖项的名称以及这些依赖项的位置(或目录)

比如说

var clientApp = angular.module('clientApp', ['ui.bootstrap', 'hljs', 'common', 'smart-table',
    'bootstrap.fileField', 'toaster', 'ngAnimate', 'angulartics', 'angulartics.google.analytics']);
在上面的
clientApp
中,他们使用了九个依赖项。我对注入那些依赖项(如
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将无故障地获取所有模块。我想知道它如何在不指定的情况下访问这些目录。

模块依赖项的注入取决于您的代码。根据代码的需要注入一个或多个依赖项。如果您在页面之间使用角度重定向,“ngRoute”将被注入。如果要注入“ngRoute”,则必须在脚本头中指定“angular route.js”。另一个例子是ngAnimate。这在需要动画时使用。当菜单出现或消失时,应使用此选项,以使过渡平稳。应添加angular-animate.js

ui引导是在angular中开发的引导组件列表。如果您打算使用以下URL中的任何指令,您将插入ui引导

烤面包机是图书馆的第三部分。另一个常见的是gridster

有数百个模块可以注入角度模块。如上文所述,只注入代码中使用的模块。您必须将相关的js文件添加到HTML脚本部分。如果不添加js脚本,angular代码将无法理解注入


如果您希望了解更多详细信息,请务必告诉我

您注入到模块的依赖项的命名方式与clientApp angular module的命名方式相同,因为它们也是angular module

因此,在您的情况下,我可以通过将“clientApp”传递到我的模块的依赖项数组来要求您的应用程序

至于clientApp需要的文件片段,这取决于您如何构建应用程序。您可以像这样将所有JS打包:

(angular.module(函数(){}))()

然后,您只需像对待任何javascript文件那样,在index.html中分别包含每个脚本。它们的名称的声明方式与模块大致相同。例:

.service('sampleSvc',['$window','modalSvc',function($window,modalSvc){})])

当您的iife被执行时,这些函数将在您的应用程序模块上注册,然后可以按名称调用。在本例中,sampleSvc

或者你也可以潜入构建工具的世界。。。就我个人而言,我喜欢NPM做所有事情,并为构建周期的每个部分编写自己的所有shell命令。我更喜欢把browserify和那个结合起来。然而,对于刚开始的人来说,你可能想要退房并离开。(有争议的意见时间:吞咽更快)


另外:+1建议学习。如果我没弄错的话,它是由angular团队认可的。也可以看看他的例子。

。我认为问题的标题有误导性。这不是关于角度的约定,谢谢你的解释。我知道我们必须注入所需的依赖项。但我的问题是如何知道依赖项名称,如ui.bootstrap、hljs。另外,程序如何检测这些JS文件的正确目录?应该从文档中知道依赖项名称。例如,如果您参考我在上面共享的链接中的ui引导文档,它将被清除为angular.module('myModule',['ui.bootstrap']);同样,您也参考了Angle Route、Toaster等文档,第二部分是如何检测目录。将js文件添加到HTML文件中。当您在自定义js文件中引用与注入模块相关的任何代码时,它将从ui引导、angular route js文件调用所需的函数。如果您使用的是Visual Studio,在调试模式下运行,您将能够看到这一点。希望这个澄清我的建议是参考一些关于每个主题的学习视频,这将对你有所帮助。好的一个将会出现。如果答案有帮助,请批准我的答案,谢谢