angularjs - 如何制作可重用的 AngularJs 组件

Question

这看起来应该很容易，但我找不到相关文档。我想知道如何使 Angular 组件(比如说过滤器)在不同的应用程序中可重用。我制作了一个简单的过滤器来格式化电话号码，我希望能够在任何应用程序中使用它。目前声明如下:

var myModule = angular.module('myModule', ['ngSanitize']);

myModule.filter('formatFilter', function() {
  return function(input) {
    return input.replace(/(\d{3})(\d{3})(\d{4})/, "($1) $2-$3");
  }
});

问题是如何使这个过滤器可重复使用。现在它只是附加到“myModule”，但是如何将其从该文件中取出以便我也可以在其他地方重用它？

Answer 1

您通过将过滤器封装在单独的模块中来开始确定。对于其他应用程序使用它，这些应用程序只需要包含过滤器的源代码并声明对模块的依赖关系:

angular.module('myApp',['myModule'])

您可能希望将过滤器保持模块重命名为更有意义的名称，例如 phoneFormatter 或某物。