AngularJS + jQuery Mobile

Gibt es auch andere Möglichkeiten, um Stil ein AngularJS - Anwendung in eine mobile-freundliche Art und Weise als CSS?

Plane ich ein mobile app, die Sie nutzen und AngularJS für die Logik-und Daten-Bindung, aber ich will nicht Stil alles auf meinem eigenen mit CSS.

Den AngularJS FAQ sagt, dass es verwendet jQuery:

Tut Eckige verwenden Sie die jQuery-Bibliothek?
Ja, die Winkel können unter Verwendung der jQuery-wenn es vorhanden ist, in Ihrer app, wird die Anwendung installiert. Wenn jQuery nicht vorhanden ist, die in Ihrem Skript Weg -, Winkel -, fällt zurück auf die eigene Umsetzung der Teilmenge von jQuery, die wir als jQLite.

Aufgrund einer änderung der Verwendung auf()/ab() anstelle von bind()/unbind(), Eckige 1.2 funktioniert nur mit jQuery 1.7.1 oder höher.

aber es gibt keine Informationen, die ich gefunden habe, in der FAQ, auf dem Weg AngularJS + jQuery verwendet werden kann.

Wie Sie sehen können, habe ich versucht, die Informationen mit AngularsJS FAQ, aber könnte es nicht gefunden.

Finden Sie einige Beispiel - (s) AngularJS mit jQuery Mobile für styling?

  • Sie können beides kombinieren.
  • angular js nicht zur Verfügung stellt solche Art von Stilen , idealerweise sollten Sie nicht kombinieren mit angularjs, jquery mobile, meine beste Empfehlung wäre mit eckig mit responsive design, bootstrap
  • truwer - bitte dont aks viele Fragen in einem post. Es wird genug sein, wenn Sie Fragen, über Beispiele für funktionierende Kombination Eckig + jQuery Mobile
  • die Frage über die Nachteile, können Sie Sie bitten, einen neuen post. Eine solche Frage kann leicht geschlossen mit "opinon-basierte", aber wenn Sie Ihre Forschung in den Bereich, den Sie getan haben, bevor Sie Fragen, es ist ok für mich
  • Ihr Kommentar "man kann beides miteinander verbinden," - kannst du geben, truwer einige Beispiele oder links? Und Stimme auch zu öffnen - Ursache jetzt die Fragen, zeigt die Mühe, die Antwort zu finden
  • die Frage spiegelt nicht Anzeichen von Anstrengung/Forschung. Der Letzte Absatz in der Frage Hinzugefügt wurde, indem Sie nicht durch die OP. Soweit ich weiß, SO bietet Hilfe/Unterstützung, wenn Sie vor einem problem mit der code, es funktioniert nicht bieten externe links zu Beispielen, es sei denn, in Kombination mit code zu erklären, wie das problem zu lösen. Wenn Sie links/Beispiele, die Sie hier posten, lassen die OP zu versuchen und kommen zurück, wenn er vor irgendein problem. Das sind nicht meine Regeln das sind die Regeln der Gemeinschaft. Ich hoffe, ich habe Sie schon informativ.
  • er ist nicht gefragt für die links, hat er die Frage - "ist es möglich, diese combinatio? Wenn ja, helfen Sie mir bitte zeigen, wie" und zeigt auch die Mühe, die er (oder Sie) zu lösen, es selbst
  • Ich hoffe, dass Sie eine umfassende Antwort, viel Glück.
  • Ich bevorzuge Flat-UI : designmodo.github.io - /Flachbild-UI
  • Ich habe nicht eine Antwort für diese Frage so weit. Das ist nicht meine, ich find es gut genug, um zu öffnen
  • truwer - dont unheimlich upvote die Antworten haben dir geholfen, in irgendwie und akzeptieren + upvote die Lösungen

InformationsquelleAutor sgalenski | 2013-11-27
  1. 4

    Es wurde bereits die Frage auf SO zu vergleichen AngularJS und jQuery Mobile.

    Und in der Antwort finden Sie einige Informationen - es ist eine Art weitere Lektüre für Sie.

    Und der Beitrag jQuery Mobile und AngularJS Arbeiten Zusammen sollte Ihnen answe zu Ihrer Frage. Es hat einige Ratschläge, zum Beispiel:

    Laden jQM libs, bevor AngularJS

    oder

    Lassen jQM Griff der URL-routing

    etc.

    InformationsquelleAutor MikroDel
  2. 3

    Ein sehr einfaches Beispiel:

    html:

    <body ng-app='myApp'>
    <div data-role="page" ng-controller='myCtrl'>
        <ul data-role="listview">
            <li ng-repeat='car in cars'><a href="{{car}}.html">{{car}}</a>

            </li>
        </ul>
    </div>
</body>

    js:

    var app = angular.module('myApp', []);

app.controller('myCtrl', function ($scope) {
    $scope.cars = [
        'acura', 'audi', 'BMW'
    ];
});

    arbeiten demo: http://jsfiddle.net/eZdNm/

    Den Haupt-problem mit jQuery mobile und AngularJS ist, dass Sie beide wollen, um die control-Seite routing. Sie können herausfinden, mehr durch searchng jQuery mobile und Angular in google.

    Ja, wenn Sie nur wollen, ein ready to go /mobile-freundliche Benutzeroberfläche. Ich würde vorschlagen, andere mehr CSS-basierte frameworks wie bootstrap.

    • Ich habe deinen code getestet und es funktioniert, aber wenn ich das hinzufügen eines Formulars zum hinzufügen eines neuen Autos dies nicht funktioniert (Siehe link ). Ist das das normale Verhalten?
    • Finden Sie in den aktualisierten jsfiddle.net/T7WYg/7
    InformationsquelleAutor Mark Ni
Schreibe einen Kommentar