Wie verwendet man eine Direktive als Einstiegspunkt, wenn man die bootstrap-Funktion von angular verwendet?

Question

Ich habe eine Angular 1-Anwendung, die mit Hilfe von ng-app-Tags auf eine Java-Webseite (Legacy-App) geladen wird. Ich versuche, eine Hybrid-App mit den Downgrade-Funktionen von Angular 2 zu erstellen.

Um dies zu tun, muss ich entfernen ng-app-Tags und verwenden Sie die UpgradeModule von @angular/upgrade/static und Bootstrap mit der upgrade.bootstrap(document.body, ['myapp']). Die meisten Komponenten der App, einschließlich des Einstiegspunkts der App, sind jedoch nur einfache alte eckige 1.2-Anweisungen.

Aus den Beispielen die ich gesehen habe, sind sie mit dem controller="MenuCtrl" Syntax-Komponenten auf der Seite hinzuzufügen. Ist es möglich, Direktiven als Einstiegspunkt für die App zu verwenden? z.B.

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

Derzeit zeigt nichts in der app da ich die ng-App-Tags entfernt haben, aber die App auf jeden Fall Bootstrap wird. Ich sehe nur keine der Anweisungen.

Answer 1

dieses Fest durch die Bootstrap-Anweisung in angular.element() wie so Verpackung:

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