最終的に、この単純なフレームワークにはJSの制御部分のみがあります。 Angular Frameworkには、独自の論理的部分、独自のコントローラー、およびサービスレイヤーがあります。組み込みのリソースとAngularのCookieを使用する場合があるため、角度LIBを追加する必要があります。
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -
<Script src = "lib/angular/angular-strap.js"> </script> <scrip src = "lib/angular/angular-resource.js"> </script> <script src = "lib/angular/angular-cookies.js"> </scrip>
まず、services.jsをご覧ください
「Strictを使用」; / * Services */ //サービスの登録方法//この場合、それは単純な価値サービスです。 var services = angular.module( 'jthink.services'、['ngresource'])。 value( 'バージョン'、 '1.0'); services.factory( 'loginservice'、['$ resource'、function($ resource){return $ resource( 'fakedata/userlogin.json'、{}、{login:{method: 'get'、params:{}、isarray:fals}});});ここでは、ファクトリーモードを使用しています。実際、最終的にコントローラーレイヤーを呼び出すログインメソッドを提供します。このcontrollers.jsを見てみましょう
「Strictを使用」; / *コントローラー */ varコントローラー= angular.module( 'jthink.controllers'、[]); controllers.controller( 'loginctrl'、['$ scope'、 'loginservice'、function($ scope、loginservice){$ scope.login = {}; $ scope.login.submit = function(){console.log($ scope.login.login.login.login.login.login.login.login.login.phasサービスレイヤーloginservice.login({}、{email:$ scope.login.email、$ scope.login.password}、function(success.status == "){alert( 'login success'); }]);ここでは、いくつかの簡単なロジックを行う必要があります。最も重要なことは、サービスレイヤーによって提供されるログインメソッドを呼び出すことです。
このパターンでは、他のいくつかのモジュールを記述できます。時間の制約により、この単純なフレームワークには多くの詳細が記載されていません。特定のものについて知りたい場合は、プライベートでこのフレームワークについてお問い合わせください。私は基本的にそれらを完全に書いています。 。 。 。 。
上記は、Angularjs BootstrapのフロントエンドJS部分を構築するためのコードです。今後も関連情報を追加し続けます。このサイトへのご支援ありがとうございます!
関連記事:
Angularjs Bootstrapにはフロントエンドフレームワークが装備されています-JSコントロールパーツ
AngularJS Bootstrapにはフロントエンドフレームワークが装備されています-BASICページ
フロントエンドフレームワークを備えたAngularJSブートストラップ - 準備作業
Angularjs Bootstrap詳細な説明とサンプルコード