Angular如何创建服务?5种方式了解一下!


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

myMod.provider('greeting', function() {

  var text = 'Hello, ';

 

  this.setText = function(value) {

     text = value;

  };

 

  this.$get = function() {

     return function(name) {   //$get必须实现,可以返回一个函数或者一个对象

         alert(text + name);

     };

  };

});

 

myMod.config(function(greetingProvider) {

  greetingProvider.setText("Howdy there, ");

});

 

myMod.run(function(greeting) {

  greeting('Ford Prefect');

});

constant(name,value)

constant主要用于注册一个常量,value是一个值或者json对象,通常这个常量主要用于配置经常使用的数据,constant配置的服务可以注入到config。

1

2

3

4

5

6

angular.module('myApp', [])

.constant('apiKey', '123123123')

.config(function(apiKey) {

// 在这里apiKey将被赋值为123123123

// 就像上面设置的那样

})

value(name,value)

value主要用于存放一些数据或方法以供使用,如果这个数据或方法需要被修改,就用value来创建服务,其中参数value是一个值或者json对象。另外它不能够依赖到config中。

1

2

3

4

5

6

7

serviceApp.value('myConfig',{

    name:'code_bunny',

    age:12,

    getId:function(){

        return 1

    }

});

更多编程相关知识,请访问:编程视频!!

以上就是Angular如何创建服务?5种方式了解一下!的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

深入了解Angular中的hostbinding和hostlistener装饰器

浅谈Angular中rxjs如何映射数据操作

Angular中 “?” 和 “!”有什么用?

浅谈Angular如何使用ng-content进行内容投影

浅谈Angular控制器通信的4种方式

浅谈Angular组件的交互方式

浅谈Angular10配置@路径别名的方法

浅谈一下Angular模板引擎ng-template

Angular如何创建服务?5种方式了解一下!

浅谈Angular中的$injector对象

更多相关阅读请进入《Angular》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...