AngularJS-可重用指令和服务层

我的公司有一套用于股票市场相关活动的遗留应用程序，我们正在用AngularJS重新编写。一个非常常见的用例是查找股票/证券。无论应用程序如何，屏幕和api调用都是相同的。我们的目标是创建可由多个应用程序使用的指令和控制器/服务

对于组件化指令（大多数在线示例都很简单且不消耗数据），以及用于填充该指令中数据的控制器和服务，建议采用什么方法？任何指点都将不胜感激。

这对我帮助很大

以下是toc：

您的第一条指令

事件、范围和控制器

装饰器指令

转换

结构指令

控制器和嵌套指令

---

指令和服务

取决于您喜欢如何组织项目

假设应用程序将扩展到一个规模合理的项目，您可能会将控制器/指令/服务分组到功能模块中

因此，定义一个模块，并设置一个基本控制器。因此，我建议为指令/控制器/服务提供单独的文件，并将它们附加到功能模块

angular.module('feature',[])

// file in controllers section

.controller('feature.BaseController', function() {

});

//// file in controllers section

.controller('feature.UtilityController', function() {


});

//// file in services section

angular.module('feature')

.service('feature.someService', function() {


});

//// file in directives section

angular.module('feature')

.directive('feature.someDirective',function(feature.someService) {

return {
    restrict: ////
    controller:'feature.UtilityController',
    /////
    ///// etc
}

});

对于项目组织，我认为基于特性的方法在项目扩展时非常有效，并且在处理特定模块时，将控制器/指令/服务分离到每个特性中可以保持代码的整洁和组织

---

我还强烈推荐这篇

它可以作为评论添加，为什么作者要寻找指令方面的资源，所以我给了他我认为最好的，然后你应该解释其中的一个内容。否则人们会投票反对。请这样做