ionic-framework

Ionic ist ein Front-End-Framework für die Entwicklung hybrider mobiler Apps mit HTML-Inhalten, die Sass und Angular verwenden. Standardmäßig läuft es auf Cordova.
4
Antworten

Gibt es ein UI-Komponenten-Kit für ein reaktionsnatives ionischen Framework? [geschlossen]

Ich spiele mit einer kleinen App im Reactive-Native und habe mich gefragt, ob es ein gebrauchsfertiges Set von Komponenten gibt, die wie iOS-Komponenten aussehen. Etwas wie ionische-Framework bietet für Angular? Oder fehlt mir etwas, das schon i...
06.01.2016, 19:12
5
Antworten

___ answer35031221 ___

benutze diesen Code einfach in deiner app.js innerhalb .run

%Vor%     
___ answer27922893 ___

Ich habe ein ähnliches Problem gelöst, indem ich ngcordova verwendet habe. Es gibt Ihnen einen eckigen Wrapper um das Plugin, der Versprechungen implementiert.

Cordova-Plugins sind oft nicht bereit, wenn Sie versuchen, sie aufzurufen. Mit der Promise-Schnittstelle können Sie vermeiden, undefinierte Fehler zu vermeiden.

Ich habe das Beispiel von der ngcordova-Seite im Netzwerk-Plugin hier gestohlen.

%Vor%     
___ answer32065879 ___

Für jeden Neubesucher, der Schwierigkeiten hat, die Antwort von Armed10 zu bekommen, möchten Sie vielleicht den Beitrag lesen, den ich geschrieben habe und der Ihnen Schritt für Schritt erklärt, wo und warum Sie ein Stück Code einfügen sollten. beginnen mit Ionic): Ссылка .

Außerdem habe ich den Beispielcode frei auf Github veröffentlicht: Ссылка .

edit: Gemäß den StackOverflow-Regeln füge ich hier auch den Post-Inhalt hinzu:

Schritt für Schritt, wie man das selbst macht

Starten Sie ein neues ionisches Projekt, indem Sie Folgendes tun:

%Vor%

Ändern Sie dann das Verzeichnis in das neu erstellte IonicNetworkInfo:

%Vor%

Installieren Sie ngCordova mit Bower:

%Vor%

Wenn Sie keine Steckdose installiert haben, können Sie sie mit npm installieren:

%Vor%

Öffnen Sie die Datei www / index.html in Ihrem bevorzugten Editor, und fügen Sie den Verweis auf ngCordova (direkt über dem Skript cordova.js) hinzu:

%Vor%

Installieren Sie das ngCordova-Netzwerk-Plugin, indem Sie den folgenden Befehl in Ihrer Terminal / Eingabeaufforderung ausführen (Sie sollten dies aus dem Stammverzeichnis Ihrer App tun; in unserem Fall also das IonicNetworkInfo-Verzeichnis):

%Vor%

Um zu überprüfen, ob Sie das Plugin erfolgreich installiert haben, können Sie den folgenden Befehl ausführen (aus dem Stammverzeichnis - ich wiederhole das nicht mehr; wenn ich sage, dass Sie einen Befehl von der Terminal / Eingabeaufforderung ausführen sollten, in diesem Fall bedeutet dies aus dem Stammverzeichnis der Anwendung):

%Vor%

Sie sollten die folgende Ausgabe sehen:

%Vor%

Öffnen Sie die Datei www / js / app.js und fügen Sie der Abhängigkeitenliste ngCordova hinzu, so dass die erste Zeile im Prinzip so aussieht:

%Vor%

Erstellen Sie einen neuen Controller in der Datei www / js / app.js namens MyCtrl mit folgendem Inhalt:

%Vor%

In diesem Controller fügen Sie einen Event-Listener für das Device-Ereignis an (weil es sein könnte, dass das Gerät bei der Ausführung dieses Codes noch nicht initialisiert wurde) und Sie erhalten die Netzwerkinformationen mit:

%Vor%

Die Informationen über das Wetter, mit dem Sie mit dem Internet verbunden sind, erhalten Sie mit der folgenden Zeile:

%Vor%

Dann registrieren Sie zwei Ereignisse $ cordovaNetwork: online und $ cordovaNetwork: online, die ausgelöst werden, wenn das Gerät online / offline wird. In ihnen aktualisieren Sie dann nur die Variablen $ scope (). Nur als Referenz sollte der gesamte Inhalt der Datei www / js / app.js lauten:

%Vor%

Fügen Sie in der index.html-Datei innerhalb des ion-content-Tags den folgenden Inhalt ein:

%Vor%

Im Wesentlichen zeigen wir hier den Inhalt der Netzwerkvariablen (die über den Controller an den $ scope angehängt ist). Durch die Verwendung der Ion-Toggle-Komponente werden auch die Benachrichtigungen "Ich bin online" / "Ich bin offline" angezeigt.

Als Referenz sollte der Inhalt der gesamten index.html-Datei wie folgt aussehen:

%Vor%

Um diese Anwendung zu testen, sollten Sie sie auf Ihrem Gerät ausführen (weil Sie das Netzwerk im iOS-Simulator nicht deaktivieren können). Wenn Sie ein Android-Gerät an Ihren Computer angeschlossen haben (und alle vorhandenen SDKs), können Sie folgende Befehle ausführen, um Ihre Anwendung auf Ihrem Android-Gerät auszuführen:

%Vor%     
___ answer37750509 ___

Bevor Sie die "Verbindung" aufrufen, müssen Sie das Gerät überprüfen:

%Vor%     
___ qstntxt ___

Ich arbeite am Ionic Framework und stelle Probleme mit dem Apache Cordova Network API zur Erkennung der Internetverbindung in der Android App. Ich habe dieses Tutorial genannt und auch ein Demo-Projekt erstellt, das gut funktioniert .

Ich habe die folgenden Schritte befolgt. [aus dem Tutorial]

  1. %code%

  2. %code%

  3. Öffnen Sie %code%

  4. Kopieren Sie diesen Code

    %Vor%
  5. Installieren Sie Cordova Plugin %code%

  6. Erstellen Sie %code%

  7. Führen Sie %code%

  8. aus

Das funktioniert gut

Problem

  1. Kopieren Sie %code% von %code% in %code% und führen Sie die Schritte 6 und 7
  2. aus

Ich bekomme eine Warnung %code%

Nach kopieren Sie das Einfügen von %code% sieht so aus

%Vor%

Sobald ich meine %code% und %code% in das Verzeichnis %code% kopiere, geht das Ganze in die Luft.

Jede Hilfe beim Debuggen wird sehr geschätzt.

Danke,

Hinweis

Ich habe %code% in %code% .

Ich habe %code% und %code% nach dem Kopieren ebenfalls neu installiert.

    
___ tag123cordova ___ Apache Cordova (früher PhoneGap) ist ein Framework, mit dem Entwickler plattformübergreifende mobile Anwendungen mithilfe von Webtechnologien wie HTML, JavaScript und CSS erstellen können. ___ tag123angularjs ___ Für Fragen zu AngularJS (1.x), dem Open-Source-JavaScript-Framework. Verwenden Sie dieses Tag NICHT für Angular 2 oder höhere Versionen. Verwenden Sie stattdessen das [eckige] -Tag. ___ tag123ionic ___ Ionic ist ein Front-End-Framework für die Entwicklung von hybriden mobilen Apps mit HTML-Inhalten unter Verwendung von Sass und Angular. Standardmäßig läuft es auf Cordova. ___ tag123ionicframework ___ Ionic ist ein Front-End-Framework für die Entwicklung hybrider mobiler Apps mit HTML-Inhalten, die Sass und Angular verwenden. Standardmäßig läuft es auf Cordova. ___ tag123cordovaplugins ___ Ein Cordova-Plugin verbindet ein paar Funktionen zwischen dem WebView, das eine Cordova-Anwendung antreibt, und der nativen Plattform, auf der die Cordova-Anwendung läuft. Plugins bestehen aus einer einzigen JavaScript-Schnittstelle, die auf allen Plattformen verwendet wird, und nativen Implementierungen, die plattformspezifischen Plugin-Schnittstellen folgen, in die das JavaScript eingebunden wird. ___ answer35504202 ___

Wenn Sie kürzlich aktualisiert haben ( cordova 5.0 ausführen), würde ich annehmen, dass %code% installiert werden muss. Fügen Sie dies nach der Installation zu config.xml hinzu, um alle HTTP / s-Anfragen zuzulassen:

%Vor%

Shell:

%Vor%

Konfig.xml:

%Vor%     
___

Ich arbeite am Ionic Framework und stelle Probleme mit dem Apache Cordova Network API zur Erkennung der Internetverbindung in der Android App. Ich habe dieses Tutorial genannt und auch ein Demo-Projekt erstellt, das gut funktioniert . Ich...
13.01.2015, 07:30
6
Antworten

ANDROID_HOME ist nicht gesetzt und "android" Befehl nicht in Ihrem PATH Phonegap

Ich habe Android-Bundle installiert und ich habe alles in. Bashrc-Datei konfiguriert und sogar wenn ich Android in der Befehlszeile sagen .. Ich bin Android-Manager bekommen .. aber wenn ich ionische Plattform Android ando sagen, bekomme ich imm...
06.10.2014, 12:18
5
Antworten

Ionischer Begrüßungsbildschirm (Fehler: das hochgeladene Bild konnte nicht gelesen werden)

Ich versuche, die ionischen Ressourcen - splash Befehl zu verwenden, ich habe eine splash.png Datei in meinem Ressourcen-Ordner sowie in der Wurzel von meinem ios und Android-Ordner gespeichert, und es ist 2208 x 2208, das ist empfohlene Größe....
12.03.2015, 15:27
2
Antworten

Reaktion Native vs Ionic 2 [geschlossen]

Ich benutze Ionic seit ungefähr einem Jahr, ich habe bereits einige Projekte abgeschlossen (beide in Android & amp; iphone) mit Ionic Framework. Ich muss unsere bestehenden Apps regelmäßig mit neuen Funktionen aktualisieren. Ich plane, das Proje...
02.05.2016, 06:07
1
Antwort

Ionic Android Build funktioniert nicht mehr

Nach der Aktualisierung der Ionic- und Cordova-CLI ist die App "Ionic / Cordova" plötzlich nicht mehr auf Android verfügbar. Ich habe die letzten zwei Tage damit verbracht, Google nach einer Lösung zu durchsuchen, aber ich konnte nichts finden,...
14.07.2015, 18:45
1
Antwort

Verwendung von Leaflet mit Ionic2 Typoskript

Ich bin neu bei Ionic2 und Angular2 mit Typoskript und möchte eine mobile Anwendung für iOS und Android erstellen. Als nächsten Schritt möchte ich eine Karte hinzufügen und Leaflet finden, um einfach zwischen GoogleMaps und OSM zu wechse...
11.10.2016, 11:20
3
Antworten

Ändern Sie das Symbol, wenn Sie auf ionic klicken 2

Ich versuche, das Symbol zu ändern, wenn Sie auf die Schaltfläche klicken, um den ausgeblendeten Inhalt anzuzeigen Ich muss den Pfeil nach oben und unten ändern %Vor% file.ts %Vor%     
06.09.2016, 14:58
2
Antworten

Ionic Framework - $ ionicLoading: Wie werden Spinner und Label angezeigt?

Ich sehe keine Option, um Spinner- und Label-Nachrichten anzuzeigen! Google Docs . Gibt es einen einfachen Weg dies zu tun oder muss ich etwas selbst tun? Beispiel (das muss natürlich nicht so aussehen): Ссылка Danke!     
27.10.2015, 16:47
4
Antworten

Aktualisieren Sie Ionic im vorhandenen Projekt

Ich war begeistert, die Release-Version von Ionic zu sehen, konnte aber mein bestehendes Projekt nicht aktualisieren. Hier ist was ich getan habe. run npm install -g ionic Öffnen Sie bower.json im Stammordner Ihrer App (oberhalb von...
17.03.2015, 07:33