angularjs - 用指令中的外部模板的内容替换元素的 html？

Question

我正在尝试创建一个指令，它是我的 shell 页面中的一个侧边栏，它会在每次点击新路由时相应地更改，并且会使用与该父路由相关的子菜单项填充自身。我有 4 个不同的菜单，它们是外部模板，我希望这些 html 文件的内容替换菜单，到目前为止，我的指令的链接功能如下所示:

link: function(scope, element, attrs, ngModel) {
      scope.$on("$routeChangeSuccess", function (event, current, previous) {
                   element.html('<div ng-include=\'enterprisesMenu.html\'></div>');
                });
      };

但是元素没有更新，但是当我使用内联模板时，元素会相应更新，但是因为每个模板都很复杂，所以我不希望在我的指令中包含该 html，我也尝试过 element.html('<div ng-include src=\'enterprisesMenu.html\'></div>');

有什么想法吗？

Answer 1

尝试$compile:

element.html($compile('<div ng-include=\'enterprisesMenu.html\'></div>')
(scope));