导航到页面初始化后的路由时，AngularJS compileProvider无法正常工作

Question

我想在用户到达正确的URL时使用 ngRoute 和 AngularJS 1.7.2 来延迟加载指令。

这是路由配置：

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
              }
            })
          });
        }
      }
    });
  });

如果我首先加载本地路由，则会添加指令。

如果我首先要加载其他路线（例如，关于路线），然后再移至本地路线，那么我会在日志中看到resolve函数中的操作，但是指令并未加载到有角的树。

我想念什么？