AngularJSの学習の過程で、私はそれが一度にサーバーデータベースから情報を取得し、フロントエンドでそれをページングするのに望ましい方法であると感じました。フロントエンドとバックエンドの通信負荷を節約し、フロントエンドにより多くの表示タスクを渡すからです。
このコンテンツは2つの部分に分かれています。最初の部分では、Angularjsの組み込みサービス$の場所とその機能を簡単に紹介します。 2番目の部分では、比較的完全に包括的な例を介して、データベース情報のページネーション表示の効果を実現します。
AngularjsのMutilpeビューとルートに取り組むとき、ブラウザにサービスを提供する内蔵URLの操作が密接に関連しているため、Angularjsの組み込みサービスと場所をより深く理解する必要があると感じています。このサービスが処理された場合、将来のページのターンオーバーに非常に役立つと思います。
以下は、私の小さな実験といくつかの経験のいくつかです。これらは専門用語で書かれており、それほど専門的ではないかもしれませんが、AngularJの概念を誰もが理解することは役立つことを願っています。
この場所と場所は、依存関係注入におけるコントローラーのリターン関数のパラメーターとして、サービスとして使用されます。以下は、このサービスの使用を説明する例です。
セクション1： URL情報を取得します
＆Locationは、Absurl、Path、Protocol、Host、Portなどのゲッターおよびセッターメソッドを提供します。具体的な説明は、これらが＆場所によって提供されるリンクアドレス関数の関数名であるということです。これらの関数が使用されたときにパラメーターを渡さない場合、現在のURL情報を取得することを意味します。一部のパラメーターが渡された場合、現在のブラウザにURL情報を設定することを意味します。
例1
<！doctype html> <html ng-app = "locationapp"> <head lang = "en"> <meta charset = "utf-8"> <title> </title> </head> <body ng-controller = "locationcontroller"> <p> absurl ---------- {{absurl}} </p> <p> path ------------- {{path}} </p> <p> pro tocol ----------- {{protocol}} </p> <p> host -------------- {{host}} </p> <p> port ------------- {{port}} </p> <スクリプトsrc = "angular.js"> </script> <script> var locationapp = angular.module（ 'locationapp'、[]）; locationapp.controller（ 'locationcontroller'、['$ scope'、 '$ location'、function（$ scope、$ location）{$ scope.absurl = $ location.absurl（）; $ scope.path = $ location（）; $ scope.protocol = $ location.protocol（）; $ scope.host = $ location = $ location = $ location = $ location = $ copt.; }]）; </script> </body> </html>スクリーンショットから、$ Location Serviceが提供するGetterメソッドがLブラウザの現在のURL情報を簡単に取得できることが明確にわかります。
慎重な学生はこの道を見たかもしれませんが、なぜ価値がないのですか？
これは、リンクアドレスにパス情報がないためです。 Path（）メソッドを介してパス情報を手動で設定し、ブラウザを更新すると（ブラウザのURLアドレスは、更新されて変更されないときに変更した情報です）、パス情報が表示されます。写真と真実があります！
例2
$ location.path（ '詳細'）;
$ scope.path = $ location.path（）;
上記の小さな変更から、コードを変更し、最初に$の場所の組み込みサービスにパス属性の値を変更しました（そのエッセンスは、URL情報に関する多くの属性を含むオブジェクトです）。
次に、Getterメソッドを使用して新しい値を取得します。
また、ブラウザアドレスバーにサービスを提供するURL情報は双方向のバインディングであるため（これはAngularJの最も絶妙な部分です）、ロケーションオブジェクトやブラウザアドレスバーの属性に関係なく、一方の当事者のURL情報が変更される限り、他の当事者も変更されます。それで、スクリーンショットのブラウザのアドレスバーに詳細などのパス情報もあることがわかりました。この情報は、以前にコードを介して設定されました。
Angularjsのページネーションディスプレイ機能の実装については、次の記事で紹介されます。お見逃しなく。