Am Ende hat dieses einfache Framework nur den Kontrollteil von JS. Das Winkelgerüst hat einen eigenen logischen Teil, einen eigenen Controller und seine Serviceschicht. Da wir möglicherweise einige integrierte Ressourcen und Kekse von Angular verwenden, müssen wir einige Winkellibs hinzufügen:
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<script src = "lib/angular/Angular-strap.js"> </script> <script src = "lib/angular/Angular-resource.js"> </script> <script src = "lib/Angular/Angular-Cookies.js"> </script>
Schauen Sie sich zunächst unsere Dienste an.js
"Strikte"; / * Services */ // zeigen, wie Sie Dienste registrieren // In diesem Fall handelt es sich um einen einfachen Wertdienst. var Services = angular.module ('jHink.services', ['ngresource']). value ('Version', '1.0'); Services.Factory ('loginService', ['$ ressource', function ($ ressource) {return $ ressource ('fakedata/userLogin.json', {}, {login: {methode: 'get', params: {}, isarray: false}});Hier verwenden wir den Werksmodus und geben tatsächlich endlich eine Anmeldemethode, um die Controller -Ebene aufzurufen. Schauen wir uns diese Controller.js an
"Strikte"; / * Controller */ var Controller = angular.module ('JTHINK.CONTROLLERS', []); Controllers.Controller ('LoginCtrl', ['$ scope', 'loginService', function ($ scope, loginService) {$ scope.login = {}; LoginService.login ({}, {E -Mail: $ scope.login.email, Passwort: $ scope.login.Password}, Funktion (Erfolg) {if (Erfolg.Status == "Erfolg") {alert ('Login Success');Hier müssen wir eine einfache Logik erstellen, und das Wichtigste ist, die von der Serviceschicht bereitgestellte Anmeldemethode aufzurufen.
Einige andere Module können in diesem Muster geschrieben werden. Aus zeitlichen Einschränkungen werden viele Details in diesem einfachen Rahmen nicht geschrieben. Wenn Sie über die spezifischen Bescheid wissen möchten, fragen Sie mich bitte privat nach diesem Rahmen. Ich habe sie im Grunde genommen vollständig geschrieben. . . . .
Das obige ist der Code für den Bau des Front-End-JS-Teils von AngularJS Bootstrap. Wir werden in Zukunft weiterhin relevante Informationen hinzufügen. Vielen Dank für Ihre Unterstützung für diese Seite!
Verwandte Artikel:
AngularJS Bootstrap ist mit dem Front -End -Framework ausgestattet - JS -Steuerteil
AngularJS Bootstrap ist mit Front -End -Framework ausgestattet - Basis -Seite
AngularJS Bootstrap mit Front -End -Gerüst - Vorbereitungsarbeit
AngularJS Bootstrap Detaillierte Erklärung und Beispielcode