我应该把这些函数和变量目前放在我的 Angularjs 控制器中的什么位置

Where should I put these function and variables currently in my Angularjs Controller

本文关键字：控制器 Angularjs 我的 位置 什么 函数 目前 变量 我应该      更新时间：2023-09-26

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

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

我可以将它们放在工厂中，然后通过它使用它们，但我不确定这是否有效，因为其中许多属性和函数都位于控制器范围内。

任何建议都会有所帮助！

我正在使用的日期选择器是：这里

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

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

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

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>
相关文章：