码迷,mamicode.com
首页 > 其他好文 > 详细

ionic中将service中异步返回的数据赋值给controller的$scope

时间:2016-08-05 00:42:52      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:

1、service中异步获取数据实例

angular.module(‘starter.services‘, [])
.factory(‘Chats‘, function($http,$q) {//定义Chats的service
  return {
    all: function() {//all方法异步获取数据
      var deferred=$q.defer(); //定义deferred
      var promise=deferred.promise;//定义promise
      $http.get(‘http://localhost:3000/lists‘).success(function(data,status,headers,config){
        //执行deferred.resolve方法,将返回的data传入作为参数
        deferred.resolve(data);
      })
      //返回promise
      return promise;
    }
  };
});

2、controller中执行Chats的all方法,并将返回的数据赋值给$scope的items,这里的result就是service的all方法中异步返回的数据

angular.module(‘starter.controllers‘, [])
.controller(‘ChatsCtrl‘, function($scope, Chats) {
    Chats.all().then(function(result){
      $scope.items = result;
    },function(){
      console.log(‘goodsService get error‘);
    });
})

 

ionic中将service中异步返回的数据赋值给controller的$scope

标签:

原文地址:http://www.cnblogs.com/niejunchan/p/5738780.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!