Wir haben eine Angular 1.0 App entwickelt, die wir als "Widget" auf einer anderen nicht eckigen Website (einer "klassischen" asp.net Website) bereitstellen möchten. .Mehr als eine Kopie derselben "eckigen App" auf der Seite
für ‚Entwicklung‘ Modus auf dem Winkel app wir mit der vollständigen Suite von Tools Schluck genießen, die uns erlauben Karma Tests zu laufen, Live-reload, kompilieren CSS usw.
Für ‚Deployment‘ -Modus Wir würden Rufen Sie den in unserer Datei gulpfile.js definierten Befehl build-app-prod auf und kopieren Sie die kompilierten Dateien in einen Ordner, in dem sie referenziert werden können (app.min.js, app.vendor.js und app.min.css)) und dann die App (mit etwas anderer Konfiguration) an jedes von ein paar verschiedenen Domelementen anhängen. Diese dom-Elemente werden nacheinander in einem modalen Pop-up-Fenster sichtbar, wenn der Benutzer auf die entsprechende Schaltfläche "Bearbeiten" klickt (die eckige App ist die Bearbeitungsschnittstelle).
Was ist der beste Weg, dies zu tun? Fügen Sie diese Dateien in die asp.net App ein und hängen Sie die eckige App mit so etwas an?
<script src="build-app-prod-folder/app.min.js" />
<script src="build-app-prod-folder/app.vendor.js" />
<link rel="stylesheet" href="build-app-prod-folder/app.min.css">
<!-- .. -->
<div id="firstAngularAppGoeshere"
ng-app="AngularEditApp" data-param="config1Value" />
<!-- .. -->
<div id="secondAngularAppGoeshere"
ng-app="AngularEditApp" data-param="config2Value" />
Ist das der richtige Weg oder sollten wir etwas anderes machen?
Zum Beispiel ist es möglich, einen 'eckigen Lader' zu haben, der uns im Grunde nur ein js einschließen lässt und eine Methode zur Verfügung stellt, die alle erforderlichen Abhängigkeiten und Aktenreferenzen ausschreibt?
Danke, eine sehr nützliche Ressource zu betrachten. Wir werden sehen, was wir tun müssen via angular.bootstrap() – utunga