AngularJS - 服务，工厂，过滤器等中的依赖注入

作者: 明月清风上善若水自由如风
发布时间: 2025-01-22 09:13:55 (1月前)
转自：

4 条回复

0#
回复此人
老人与海。 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 为了完整起见，这是一个带注入的服务示例： </p> <pre> <code> app.service('<service>', ['$http', function($http) { this.foo = function() { ... } }]); </code> </pre> </DIV>

编辑
1#
回复此人
咿呀哟 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 是的，您可以使用依赖注入过滤器和指令 </p> <P> 例如： </p> <P> 过滤： </p> <pre> <code> app.filter('<filter>', ['$http', function(http){ return function(data){ } }]); </code> </pre> <P> 指示： </p> <pre> <code> app.directive('<directive>', ['$http', function(http){ return { .... } }]); </code> </pre> <P> 服务： </p> <pre> <code> app.factory('<service>', ['$http', function(http) { var shinyNewServiceInstance; return shinyNewServiceInstance; }]); </code> </pre> </DIV>

编辑
2#
回复此人
不浪漫罪名 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 虽然已经存在的答案是正确和有效的，但john papas角度风格指南有利于使用 <code> $inject </code> 服务 <a href="https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md#style-y091" rel="noreferrer"> Y091 </A> ： </p> <P> 过滤： </p> <pre> <code> app.filter('<filter', MyFilter); MyFilter.$inject = ['$http']; function MyFilter() { return function(data) { } } </code> </pre> <P> 指示： </p> <pre> <code> app.directive('<directive>', MyDirective); MyDirective.$inject = ['$http']; function MyDirective() { return { ... } } </code> </pre> <P> 厂： </p> <pre> <code> app.factory('<factory>', MyFactory); MyFactory.$inject = ['$http']; function MyFactory() { var shinyNewServiceInstance; return shinyNewServiceInstance; } </code> </pre> <P> 服务： </p> <pre> <code> app.service('<service>', MyService); MyService.$inject = ['$http']; function MyService() { this.foo = foo; function foo(){ ... } } </code> </pre> </DIV>

编辑

登录后才能参与评论