angularjs与angular HTTP请求同步处理(Promise写法)

angular中写法

ngOnInit(){
	const observables = [
	    this.service.getMetadataByFormTemplate(this.className, this.baseTmpl || ''),
    	this.service.getMetadataByFormTemplate(this.className, this.designTmpl || ''),
    ];
    forkJoin(observables).subscribe(([res1, res2]) => {
        // TODO
    });
}

要用到forkJoin,需要导入:import { forkJoin } from 'rxjs';

在angularjs中写法

	// 原始数据属性定义
        var promiseProp = function () {
            var defered = $q.defer();
            var url = "../../custom/drawchart/data/json.json"
            $http.get(url).success(function (response) {
                defered.resolve(response);                
            }).error(function (response) {
                defered.reject(response)
            });
            return defered.promise;
        }

        // 获取数据实例
        var promiseChartOpt = function () {
            var defered = $q.defer();
            var url = "../../custom/drawchart/data/defaultChartOption.json"
            $http.get(url).success(function (response) {
                defered.resolve(response);                
            }).error(function (response) {
                defered.reject(response)
            });
            return defered.promise;
        }   

		//执行
		// 执行promise
    $q.all([promiseProp (), promiseChartOpt ()]).then(function (result1) {
    	//TODO
    	// result1是结果数组
    })   

或者

	// $http默认返回的是promise对象
	var promiseProp = $http.get("../../custom/drawchart/data/json.json")
	var promiseChartOpt = $http.get("../../custom/drawchart/data/defaultChartOption.json")
	
	// 执行
	$q.all([promiseProp, promiseChartOpt]).then(function (result) {
		//TODO
		// result是结果数组
    })
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值