Angular promise：如何在一个promise之后执行finally块执行然后解析

Question

这是重现我的问题的代码：

function controller($scope, $http, $q, $timeout) {

  asyncCallNo1()
   .then(function(res) {
     console.log(res);

     asyncCallNo2()
       .then(function(res) {
         console.log(res);
       });
  })
  .catch(function(err) {
    console.log(err);
  })
  .finally(function() {
    console.log("Final block execute");
  });

  function asyncCallNo1() {
    return $http.get("file1.json")
      .then(function(res) {
        return res.data.value;
      });
  }

  function asyncCallNo2() {
    return $http.get("file2.json")
      .then(function(res) {
        return res.data.value;
      });
  }

}

这就是插件：https://plnkr.co/edit/pqQPiPGQnljqkERNnO2o?p=preview

我的最后一个块的语句在执行then（）之前的执行。 我想要的是我的最后一个块在执行then（）后的promise中执行。我怎样才能实现它？