Javascript AngularJS-了解AngularSeed模块样式

Javascript AngularJS-了解AngularSeed模块样式,javascript,angularjs,Javascript,Angularjs,许多角度示例使用简单的全局函数。Angular种子和yo Angular使用更复杂的编码样式。下面是stackoverflow/jsbin中一个简单样式示例的示例: 以下是尝试重写角度种子模块样式的简单示例: 无论我如何尝试调整语法,都会出现错误。下一行的括号太多: .provider('MainData', MyFunc)); 将其更改为: .provider('myProv', MyFunc); .controller('MainCtrl', ['$scope', 'myService'

许多角度示例使用简单的全局函数。Angular种子和yo Angular使用更复杂的编码样式。下面是stackoverflow/jsbin中一个简单样式示例的示例:

以下是尝试重写角度种子模块样式的简单示例:


无论我如何尝试调整语法,都会出现错误。

下一行的括号太多:

.provider('MainData', MyFunc));
将其更改为:

.provider('myProv', MyFunc);
.controller('MainCtrl', ['$scope', 'myService', 'myFactory', 'myProv',
  function($scope, myService, myFactory, myProv) {
工厂、服务和提供商都被命名为
MainData
,但在您的
MainCtrl
中,您试图注入
myService
myFactory
myProv

重命名它们:

angular.module('app.services', [])
.factory('myFactory', MyFunc)
.service('myService', MyFunc)
.provider('myProv', MyFunc);
控制器定义使用的是内联数组表示法。请注意函数前面的括号:

.controller('MainCtrl', [function(
将其更改为:

.provider('myProv', MyFunc);
.controller('MainCtrl', ['$scope', 'myService', 'myFactory', 'myProv',
  function($scope, myService, myFactory, myProv) {
或移除两个支架:

.controller('MainCtrl', function($scope, myService, myFactory, myProv) {
  $scope.serviceOutput = "service = " + JSON.stringify(myService);
  $scope.factoryOutput = "factory = " + myFactory;
  $scope.providerOutput = "provider = " + myProv;
});
有关这方面的更多信息,请参阅


演示

对不起,我的工作太草率了。我试图让内联数组表示法版本正常工作,但没有成功。打开以了解测试。当使用内联数组通知时,函数必须是最后一个,并且在它之前的所有内容都必须是字符串:。控制器('MainCtrl',['$scope','myService','myFactory','myProv',函数($scope,myService,myFactory,myProv)