Angular Website (www.angular.io) Ansprüche Angular kann für "Für Web, mobiles Web, natives Mobilgerät und nativer Desktop verwendet werden." Ich möchte mehr über native Desktop-Funktionen erfahren, kann aber auf der Website angular.io nichts finden. Kann mir jemand eine Dokumentation oder Beispiele zeigen?Angular 2 native Desktop-App (ohne Electron) Beispiel
Antwort
Das ist verwirrend, aber es gibt keine Möglichkeit, eine native Desktop-App nur mit Angular2 zu erstellen. Vielleicht ist das der Plan für die Zukunft, aber es ist noch nicht möglich. Aber Angular2 funktioniert ganz gut mit Electron! Ich schrieb einen Blog darüber, leider ist es in Deutsch ist nur :(Aber vielleicht können Sie einfach übersetzen es mit dem Google Übersetzer: https://medium.com/@baerree/ich-packe-meine-koffer-angular-cli-electron-ii-28644342b956
Grundsätzlich müssen Sie die hier beschriebenen Schritte auszuführen: http://www.blog.bdauria.com/?p=806
Nach Wenn Sie das Elektronenskelett um Ihre App herum erstellen und die in der Verknüpfung beschriebenen Angular2-Konfigurationsschritte ausführen, müssen Sie eines tun:
Der Elektronenbereich fehlt in Ihrem Angular2-Bereich, dh wenn Sie darauf zugreifen möchten, benötigen Sie Elektronen in Angular2 zu pipettieren, indem Sie folgendes zu Ihrer index.html hinzufügen (Vorsicht, dies ist kein clea n-Lösung):
<script>
var electron = require('electron');
</script>
, nachdem Sie das getan hat, müssen Sie Typoskript sagen, dass es eine Elektronen Variable jetzt, indem Sie diesen in Ihre typescript.d.ts:
declare var electron: any;
möglich Zugang Elektron innerhalb Angular2 nun durch den Aufruf:
var app = electron.remote.app;
mit der App Variable haben Sie vollen Zugriff auf Elektronen- und Ihre electron.js Datei. Z.B. Sie könnten Dinge wie das tun:
this.title = app.getAppPath();
Ich hoffe, das zumindest ein wenig :)
Prost
Nun half Ihnen einen Wrapper irgendeiner Art haben müssen. Es gibt keine Möglichkeit, dass angular 2 selbst Desktop-Anwendungen erstellen kann. Angular ist reine Web-Technologie und funktioniert daher mit dem Browser. Frameworks wie Elektron erstellen einen Browser-Wrapper, um einen Benutzer zu glauben, dass die Anwendung kein Browser wie Chrome ist.
Nachdem gesagt, um Ihre Frage vollständig zu beantworten, können Sie eine eckige Anwendung 2 ohne Elektron mit asp-Kern und die Universal Windows Platform erstellen, die Sie in Javascript, HTML und CSS, die genau was eckig ist zu entwickeln. Sie sind dann jedoch in .net und nur Windows-Desktop-Anwendungen gesperrt. Was, wenn Sie nur für Windows entwickeln, dann ist dies eine viel bessere Lösung als Elektron IMHO.
Beachten Sie auch, dass Sie wahrscheinlich einige C# -Konfigurationen schreiben werden.
Es gibt auch Alternativen zu Elektron, das so ziemlich das gleiche tun (Browser-Wrapper)
- 1. Angular 2 & Electron Offline-Daten
- 2. Angular 2 native Ansicht Kapselung
- 3. Angular 2 Slider-Beispiel wird nicht verschoben
- 4. Knoten require() innerhalb Angular 2 App mit Electron
- 5. Wählen Sie eine Datenbank für Angular 2 + Electron App
- 6. Zweiweg-Datenbindung Angular 2 in Electron nicht funktioniert
- 7. Angular 2 ngControl ohne ngFormModel
- 8. Angular 2 - Form ohne Aufforderung
- 9. Angular 2-Anwendung ohne Server?
- 10. Karussell ohne Bibliothek (Angular 2)
- 11. Native UI-Komponenten für Electron-Anwendung
- 12. Unterschied zwischen React-native und Electron
- 13. Angular 2-Komponenten-Modell Aktualisierungsansicht ohne Modelländerungen
- 14. Angular 2-Komponenten-Eingang ohne Wert
- 15. Angular 2 TestBed, Spottungsmethoden ohne Abhängigkeitsinjektion
- 16. Wie ändert man Electron App Icon ohne Electron-Packager?
- 17. Reactive Native - Tab Navigator Beispiel
- 18. React Native - Headless JS Beispiel
- 19. Angular 2 Aktualisieren der Ansicht ohne route.navigate
- 20. Angular 2 Routing ohne Nachladen Ansicht
- 21. Angular 2 erhalten aktuelle Route ohne Parameter
- 22. Installieren Sie Onsen UI 2 ohne Angular
- 23. Angular 2: Routing ohne Änderung der URL
- 24. Angular 2 Render-Seite ohne Router-Ausgang
- 25. Angular 2: Bindung mit JS ohne Node.js
- 26. Angular 2 Dropdown-Optionen Standardwert ohne Index
- 27. Ein Beispiel für Angular 2-Animation beendet Callback-Funktion
- 28. Angular PouchDb und Auth Beispiel
- 29. Angular 1.5 Component Beispiel
- 30. Angular - TodoMVC Beispiel