AngularJS compileProvider не работает при переходе к маршруту после инициализации страницы

Question

Я хочу отложить загрузку директивы к тому времени, когда пользователь достигнет нужного URL, используя ngRoute и AngularJS 1.7.2 .

Это маршрутconfig:

app.config(($routeProvider, $locationProvider, $compileProvider) => {
    $routeProvider
    .when("/home", {
      template : require('./home.html'), // using webpack
      resolve: {
        lazyLoad: function() {
          import('./match-winner')
          .then(data => {
            $compileProvider.directive("theMatchWinner", () => {
              return {
                template: "Match winner" // only for demo
              }
            })
          });
        }
      }
    });
  });

Если я сначала загружаю домашний маршрут, он добавляет директиву.

Если я сначала загружаю какой-то другой маршрут - например, о маршруте - а затем яперейти к домашнему маршруту, я вижу в журнале действие в функции разрешения, однако директива не загружается в угловое дерево.

Чего мне не хватает?