如何在使用角度引导功能时使用指令作为入口点？

Question

我有一个角度1的应用程序，它使用ng-app标签被引导到Java网页（传统应用程序）上。我尝试使用Angular 2的降级功能创建混合应用程序。

为了做到这一点，我需要删除ng-app标记并使用UpgradeModule中的@angular/upgrade/static和upgrade.bootstrap(document.body, ['myapp'])引导程序。但是，应用程序的大多数组件（包括应用程序的入口点）都只是普通的老式1.2指令。

从我看过的示例中，他们使用controller="MenuCtrl"语法向页面添加组件。是否可以使用指令作为应用程序的入口点？例如

<div my-menu-directive></div>

目前，应用程序中没有显示任何内容，因为我已删除ng-app标记，但该应用程序肯定是自助式的。我没有看到任何指令。

Answer 1

通过将引导语句包装在angular.element()中来解决此问题，如下所示：

angular.element(function() {
  upgrade.bootstrap(document.body, ['myApp'], { strictDi: true });
});