5 AngularJS-Frameworks zum schnellen Einrichten von Apps

Nun, da Sie sich mit den Grundlagen auskennen, ist es Zeit für den Einstieg Erstellen Sie Ihre eigene Webanwendung mit AngularJS. AngularJS hat das Erstellen einer auf Javascript basierenden App intuitiver gemacht richtlinien, die Hand in Hand mit Ihren HTML-Markups arbeitet.

Wenn Sie das Erstellen einer Webanwendung vom Boden aus überwältigend finden, müssen Sie sich keine Sorgen machen. Einige sehr großzügige Entwickler haben dies Einige Frontend-Frameworks wurden angepasst, um AngularJS zu unterstützen. Wie ein typisches Framework werden sie mit vorgefertigten Webkomponenten geliefert. Dadurch ist die Verwendung des Frameworks das perfekte Werkzeug für alle, die eine Webanwendung schnell einrichten und ausführen müssen.

Hier sind 5 Frameworks, mit denen Sie eine webbasierte Anwendung mit AngularJS starten können.

1. AngularUI Bootstrap

AngularUI Bootstrap, Wie der Name schon sagt, baut Bootstrap auf einem der beliebtesten Front-End-Frameworks auf. Dieses Framework enthält eine Reihe von Bootstrap-Komponenten wie Carousel, Alert und Collapse sowie einige Ergänzungen wie Rating und TimePicker.

Alle diese Komponenten wurden zur Verwendung von AngularJS-Direktiven portiert (Wiederholung und ng-Controller) und benutzerdefinierte HTML-Elemente. Zum Beispiel, anstatt eine

Um das Karussell einzuwickeln, können Sie mehr verwenden “sinnvoll” benutzerdefiniertes Element, und :

Wenn Sie ein großer Fan von Bootstrap sind und gleichzeitig die von AngularJS angebotene Leistung und Leistung genießen, könnte dies die perfekte Wahl für das Framework sein.

2. Angular Foundation

Ein weiteres beliebtes Framework, das auch für die Verwendung von AngularJS portiert wurde, ist Foundation “Angular Foundation”.

In ähnlicher Weise hat dieses Framework Foundation-Komponenten geändert, um die Direktive und benutzerdefinierte HTML-Elemente von AngularJS zu übernehmen, sodass Sie jetzt Ihre Webanwendung mit semantisch benannten HTML-Elementen erstellen können , , und , anstatt das mehrdeutige

. Hier ein Beispiel, wie wir eine Alert-Komponente mit dem hinzufügen Element:

  alert.msg

Wenn Sie Foundation besser als Bootstrap mögen, dann ist dies der Rahmen, auf den Sie sich verlassen können. Laden Sie die Angular Foundation auf dieser Seite herunter, oder informieren Sie sich über das Github-Repo über die Projektentwicklung.

3. Ionischer Rahmen

Ionic Es verfügt über eine Handvoll solider Bausteine, die die Entwicklung mobiler Anwendungen einfach und schnell machen. Jede Komponente des Ionic-Frameworks ist für das mobile Erlebnis optimiert, das im Wesentlichen von Berührung und Gesten abhängig ist. Diese UI-Komponenten bestehen auch aus benutzerdefinierten HTML-Elementen. Bei der Bereitstellung einer Registernavigation würden Sie beispielsweise die verwenden :

Um das Erstellen Ihrer Anwendung noch einfacher und schneller zu machen, können Sie Ionic Creator verwenden, mit dem Sie Ihre App per Drag-n-Drop erstellen können. Wenn Leistung und Geschwindigkeit für Sie wichtig sind, ist Ionic der beste Rahmen für Sie.

4. Mobile Angular UI

Mobile Angular UI ist ein mobiles UI-Framework, das eine Erweiterung des Bootstrap-Frameworks ist und auf die Entwicklung mobiler Anwendungen abzielt. Es verwendet die meisten Bootstrap 3-Syntax mit einigen zusätzlichen mobilen Komponenten wie Switches, Overlays, Seitenleisten und scrollbaren Bereichen. Es ist nur von AngularJS abhängig und Sie können Ihre aktuelle Web-App problemlos in die mobile Version integrieren, indem Sie das mitgelieferte CSS hinzufügen, um Ihre Inhalte reaktionsfähig und berührungsaktiv zu machen.

Laden Sie dieses Framework hier herunter

5. UI-Raster

UI-Raster ist der beste Weg, um ein Raster oder einen Tisch mit Angular zu bearbeiten. Es verfügt über umfangreiche Funktionen zur Anzeige einfacher sowie komplexer und großer Datensätze in einem Raster. Das UI-Grid kann komplexe Funktionen nur bei Bedarf ausführen, wodurch der Kern klein bleibt. Mit UI Grid können Sie Zellen an komplexe Eigenschaften / Funktionen binden, Spalten sortieren und filtern, Daten an Ort und Stelle bearbeiten und vieles mehr. Verwenden Sie zum Ändern des Stils der Datenrasteranzeige Customizer.

Holen Sie sich das neueste UI-Grid von seiner Homepage.

5 Apps für den Einkauf von zu Hause aus diesen Feiertag [Bewertung]

5 tolle Gadgets von Kickstarter, die den Kauf wert sind

5 Android-Apps für weniger langweilige Sperrbildschirme