Question

我有一个单页面应用程序，显示一个可由用户编辑的表格。我使用了一个日期选择器，需要设置一些属性和功能。

那些目前正坐在我的控制器中，这个控制器变得非常臃肿。 ~380行，其中约130行是日期选择器代码。

我可以将它们放在工厂中，并通过它使用它们，但我不确定这是否可行，因为许多这些属性和功能都位于控制器范围内。

任何建议都会有所帮助！

我使用的日期选择器是： Here

我已经将.directive移动到了自己的文件中。

Answer 1

是的，你可以把它放在工厂或服务中。您所要做的就是创建服务，将代码放在那里，然后将服务注入您的控制器。然后您就可以从控制器访问该服务了：

我不确定您使用的是什么角度语法，但这是一个示例：

angular.module('app', [])
.service('datepicker', datepicker)
.controller('controller', controller);

function datepicker() {
 //codes
}

controller.$inject = ['datepicker'];
function controller(datepicker) {
 //codes
 datepicker.function(); //call some datepicker service function
}

如果要从视图中访问服务功能，则需要执行以下操作：

controller.$inject = ['datepicker'];
function controller(datepicker) {
 //codes
 self.datepicker = datepicker;
 datepicker.function(); //call some datepicker service function
}

然后在视图中执行：

<div ng-controller='controller as ctl'>
 {{ctl.datepicker.function()}}
</div>

我应该在哪里将这些函数和变量放在我的Angularjs控制器中

1 个答案: