AngularJS:为什么我的工厂总是在我的控制器中未定义?
发布时间:2020-12-17 17:18:31 所属栏目:安全 来源:网络整理
导读:我的工厂在我的控制器中未定义,我无法弄清楚原因.我创建了一个简单的例子来说明. 在这里我创建了应用程序: var ruleApp = angular .module( "ruleApp",[ "ngRoute","ruleApp.NewFactory1","ruleApp.NewFactory2",] ); 在这个虚拟的例子中,我想建立一个简单
我的工厂在我的控制器中未定义,我无法弄清楚原因.我创建了一个简单的例子来说明.
在这里我创建了应用程序: var ruleApp = angular .module( "ruleApp",[ "ngRoute","ruleApp.NewFactory1","ruleApp.NewFactory2",] ); 在这个虚拟的例子中,我想建立一个简单的工厂,显示一个警告框.我将展示两种方法(一种方法有效,一种方法无效). 工厂1: angular .module('ruleApp.NewFactory1',[]) .factory('NewFactory1',function() { return function(msg) { alert(msg); }; }); 工厂2: angular .module('ruleApp.NewFactory2',[]) .factory('NewFactory2',function() { var showMessageFunction = function(msg) { alert(msg); }; return { showMessage: showMessageFunction }; }); 请注意,工厂1的返回类型是一个函数,工厂2的返回类型是一个具有属性的对象(函数类型). 现在看看我如何在我的控制器中使用这两个工厂: ruleApp.controller( "RuleController",function( $scope,NewFactory1,NewFactory2 ) { NewFactory1("1"); NewFactory2.showMessage("2"); }); 这就是问题暴露的地方.在执行期间,我被提示NewFactory1(“1”);的警告框,但它在执行NewFactory2.showMessage(“2”)期间失败;因为NewFactory2未定义(TypeError:无法调用未定义的方法’showMessage’). 你能帮我发现一下这个问题吗?我希望能够使用像NewFactory2这样的工厂,因为我希望工厂能够做的不仅仅是一件事(即具有多个单一功能).顺便说一下,我正在使用Angular 1.2.1版. 解决方法
工厂2应为
(demo)
angular .module('ruleApp.NewFactory2',[]) .factory('NewFactory2',function() { var showMessageFunction = function(msg) { alert(msg); }; return { // <--------- do not go on a new line after return showMessage: showMessageFunction }; }); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |