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