Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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 在angularjs中,为什么在angular.module()函数中使用[]?_Javascript_Jquery_Angularjs - Fatal编程技术网

Javascript 在angularjs中,为什么在angular.module()函数中使用[]?

Javascript 在angularjs中,为什么在angular.module()函数中使用[]?,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我对angularjs是新手。为什么要在angular.module()中使用[]?任何人都可以解释一下。如果您在Angular.js中更进一步,您将看到您可以将喷油器和其他东西传递到模块。所以这里api返回的方式是接收一系列选项。如果没有任何属性,只需将其传递为空[]实际上[]是一个具有模块所需依赖项的数组 这用于注入依赖项。依赖注入(Dependency Injection,DI)是一种软件设计模式,在这种模式中,组件被赋予它们的依赖性,而不是在组件中对它们进行硬编码。这也有助于使依赖项可配

我对angularjs是新手。为什么要在
angular.module()中使用[]?任何人都可以解释一下。

如果您在Angular.js中更进一步,您将看到您可以将喷油器和其他东西传递到模块。所以这里api返回的方式是接收一系列选项。如果没有任何属性,只需将其传递为空[]

实际上
[]
是一个具有模块所需依赖项的数组

这用于注入依赖项。依赖注入(Dependency Injection,DI)是一种软件设计模式,在这种模式中,组件被赋予它们的依赖性,而不是在组件中对它们进行硬编码。这也有助于使依赖项可配置,并使组件可恢复和维护

服务和指令等组件是使用可注入工厂定义的 例如,在angularjs中定义服务时,我们喜欢这样做

var myapp=angular.module('myAppln',[]);
角度.module('ngAppName',[]) 它或多或少是angular应用程序的入口点&这里我们没有任何依赖项,所以这是一个空数组

但是当我们定义自定义服务时,请看一看。这里的服务依赖于$http,这是angular for ajax调用提供的预定义服务。我们的自定义服务(serviceName)依赖于我们在这里注入的$http

另一个有角度路线的例子

var abc = angular.module('ngAppName',[]);
    abc.factory('serviceName',['$http',function($http){
    // Rest of code goes here
    }])
$routeProvider是创建$route服务的工具,由angularjs提供。在创建路由时,我们必须依赖$routeProvider。所以我们把它注入了我们的代码


希望这将对您有所帮助。

JS中可能存在重复的
[]
,这意味着它是一个数组。这不是AngularJS独有的。Angular的
module()
接受2个参数-模块名称和依赖模块列表。当我们说
angular.module('myAppln',[]),您将创建一个名为
myAppln
的新角度模块,它不依赖于任何其他角度模块。如果您需要一些其他角度模块,如角度资源或角度路由器,那么我们说
Angular.module('myApp',['ngRoute','ngResource')
abc.config(['$routeProvider',function($routeProvider){
      // Rest of code goes her
    }])