AngularJS странный поток

Question

У меня есть 2 функции в области f1 и f2, и я вызываю f2 в середине f1. Я не могу понять, почему f2 вызывается в конце f1 (f2 редактирует представление). Например, с помощью

.....
$scope.f1 = function() {
   console.log("A");
   $scope.f2();
   console.log("C");
}

$scope.f2 = function() {
   console.log("B");
}

я получаю вывод A C B

Почему не выполняется процедурный поток? В реальном коде f2 управляет представлением.

Answer 1

Мне кажется, это работает нормально. См. Ниже JSFiddle: https://jsfiddle.net/sagarag05/gzvnsth0/4/

См. Прикрепленный скриншот ниже.

function TestController($scope) {

  $scope.func1 = function(){
    console.log('A');
    $scope.func2();
    console.log('C');
  }

  $scope.func2 = function() {
   console.log('B');
  }
  $scope.func1();
}

Answer 2

Код выдает ABC, как и ожидалось.

$scope = {}
$scope.f1 = function() {
   console.log("A");
   $scope.f2();
   console.log("C");
}

$scope.f2 = function() {
   console.log("B");
}
$scope.f1();  //A B C