Why does the extra $scope appear?

Question

Angular

Good afternoon!
We have a modal window with dynamic content, I wonder why an extra $scope appears between the modal window controller and the content controller

<div class="lightbox" ng-controller="ModalCtrl as ctrl" ng-show="show">
        <div ng-include="tplUrl" class="max-height max-width"></div>
</div>

define(['app'], function(app) {
  app.controller('ModalCtrl', ['$scope', 'outerConfig', function($scope) {
    $scope.$on('modal', function(e, options) {
      $scope.tplUrl = (options.tplUrl || 'app/modal/tpl.html');
$scope.callback = options.callback;
    });
  }]);
});

Что я имею ввиду?
Если мы вызовем $broadcast('modal', options) --> внутри единственного обработчика ModalCtrl заменим tplUrl --> подгрузится новая view, у которой собственный контроллер, назовём NewCtrl, получаем новый $scope унаследованный от ModalCtrl, неожиданностью стало, что внутри контроллера NewCrtl callback который мы положили в $scope ModalCtrl, будет доступен через $scope.$parent.$parent.callback, вместо $scope.$parent.callback
От куда лишний родитель?

Answer 1

ng-include создаёт дочерний scope (для того чтобы можно было прибить старый дочерний scope когда вы смените шаблон), в Angular Light такой проблемы нет.