链接AngularJS控制器中的承诺。此解决方法是否有效？

Question

注：这是打字稿/角的1.4.x

Plunker在javascript：http://plnkr.co/edit/LCka4CFLcRe0lPEF9AM2?p=preview

我不得不链多次调用与承诺。 init3取决于init2取决于init1。

一些承诺即使失败也需要继续。所以我不得不在这里使用扁平化技术：http://solutionoptimist.com/2013/12/27/javascript-promise-chains-2/重用回调代码。

问题是，当链接的承诺，我完全失去第一个链，然后（init2和init3）内部控制的this例如 所以我修改内部收益通过控制器链使绑定（绑定到控制器）和服务是可访问的。

这是有效/正确吗？ （通过链中的控制器并重复使用相同的回调来获得成功/错误）

代码中的注释也解释/提出问题。

代码：

export class ControllerX { 

    private myInformation: string; 
    private myMoreInformation: string; 

    public constructor(private $q: ng.IQService, private service1: Service1) { 

     this.init() 
      .then(this.init2) //If init() fails dont continue the chain 
      .then(this.init3, this.init3); //Even if init2() fail, we continue. 
      //init2() cannot fail now but its a recovery example. 
    } 

    private init(): ng.IPromise<ControllerX> { 
     return this.service1.getMyInformation().then((information: string): ControllerX => { 
      this.myInformation = information; 
      return this; //Push this for the next then 
     }); //Do nothing on error, let it propagate. 
    } 

    private init2(ctrl?: ControllerX): ng.IPromise<ControllerX> { 

     if (!ctrl) { //Are we called from a chain 
      ctrl = this; 
     } 

     return ctrl.service1.getMyMoreInfo().then((information: string): ControllerX => { 
      ctrl.myMoreInformation = information; 
      return ctrl; 
     }, (error: any): ControleurListeCours => { 
      ctrl.myMoreInformation = DEFAULT; 
      return ctrl; 
     }); 
    } 

    private init3(ctrl?: ControllerX): ng.IPromise<ControllerX> { 
     //blablabla 
    } 
} 

Answer 1

预期该代码将无法正常工作。

this.init() 
     .then(this.init2) //If init() fails dont continue the chain 
     .then(this.init3, this.init3); //Even if init2() fail, we continue. 
     //init2() cannot fail now but its a recovery example. 

如果init失败，代码将跳过init2但将被第二then方法被捕获，并且init3将被执行。

HTML

<div ng-app="myApp" ng-controller="myVm as vm"> 
    <pre> 
init1 status = {{vm.init1Status}} 
init2 status = {{vm.init2Status}} 
init3 status = {{vm.init3Status}} 
    </pre> 
</div> 

JS

angular.module('myApp',[]).controller('myVm', function ($q) { 
    var vm = this; 
    vm.init1Status = "not done"; 
    vm.init2Status = "not done"; 
    vm.init3Status = "not done"; 

    function init1() { 
     vm.init1Status = "init1 failed"; 
     return $q.reject("init1 failed"); 
    }; 

    function init2() { 
     vm.init2Status = "init2 done"; 
    }; 

    function init3() { 
     vm.init3Status = "init3 done"; 
    }; 

    init1().then(init2).then(init3,init3); 
}); 

结果

init1 status = init1 failed 
init2 status = not done 
init3 status = init3 done 

的JSFiddle