天天看点

AngularJS中使用service,并同步数据

service是单例对象,在应用中不同代码块之间共享数据。

对一些公用的方法封装到service中,然后通过依赖注入在Controller中调用,示例代码:

1.创建一个模块:

2.创建一个service服务:

3.在Controller中调用:

但是,当涉及到异步请求的时候,service的数据就可能会在controller调用的时候不同步,比如:

定义一个service,用来请求json数据:

在controller中调用:

这时候,控制台打印显示:data有数据,但是s为undefined。

具体原因我没去深究,大概猜测是异步请求数据的原因,因为第二次调用getCapt方法的时候s有数据了,所以通过内置服务$q来进行数据的同步调用:

service这样写:

controller这样调用:

如此实现了数据同步调用。  

  

唯有不断学习方能改变!

-- <b>Ryan Miao</b>