Wie Baue ich ein widget zum einbetten in websites Dritter mit AngularJs?
Ich würde gerne eine angularjs-widget eingebettet werden können, die in Drittanbieter-websites mit minimalem code wie
<script src=mywidget.js type=...></script>
<div id="mywidgetContainer"></div>
oder ähnliches.
Fand ich einige Ressourcen, wie dieser Artikel auch für die Entwicklung von widgets mit jquery http://alexmarandon.com/articles/web_widget_jquery/.
Wie wäre es getan mit Angularjs? In dem, was kluge Weise kann die Winkel-Funktionen wie Richtlinien/Ansichten etc. genutzt werden zu diesem Zweck? Was sind die gotcha ist, wenn überhaupt? Eure Gedanken/Anregungen/Meinungen/Erfahrungen bitte.
- Ich glaube, dies können Sie erreichen, using-Direktiven in AngularJS. Das ist ziemlich viel, was Angular-UI - (angular-ui.github.io) erhebt. Sie hatten auf eine geschickte Weise mit den Vorlagen gebündelt mit den Richtlinien. Werfen Sie einen Blick auf Ihre open-source-code. Wie Ihr widgets in AngularJS werden Sie noch brauchen, um AngularJS main-Datei (wie würden Sie brauchen, um hinzuzufügen, jQuery für ein jQuery-plugin).
InformationsquelleAutor Jarnal | 2013-09-11
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Sollten Sie auch im Hinterkopf behalten die Möglichkeit, dass die 3rd-party-website verwendet auch eckig,
und möglicherweise eine andere version.
Überprüfen Sie Mehrere Versionen von AngularJS in one Seite
Dies ist, was scheint für mich gearbeitet. Im Skript habe ich den innerHTML-Eigenschaft der div-Container um den Winkel-view-markup-code. Der entscheidende Punkt ist die Verwendung eckig.$bootstrap manuell bootstrap die app nach dem laden der Seite. Ich konnte nicht sehen, eine Besondere Bedeutung bei der Erstellung einer Richtlinie. Eine Richtlinie würde müssen Teil des code anzeigen, die noch zugewiesen werden müssen, um die container mit Hilfe von innerHTML.