Dalam proses pembelajaran AngularJS, saya merasa bahwa itu adalah cara yang lebih disukai untuk mendapatkan informasi dari database server pada satu waktu dan memaginasikannya di ujung depan. Karena menghemat beban komunikasi ujung depan dan belakang, dan memberikan lebih banyak tugas tampilan ke ujung depan.
Konten ini dibagi menjadi dua bagian. Bagian pertama akan secara singkat memperkenalkan Lokasi $ Layanan $ Layanan $ dan fungsinya; Bagian kedua akan menyadari efek tampilan pagination dari informasi database melalui contoh komprehensif yang relatif lengkap.
Saat mengerjakan tampilan mutilpe & rute AngularJS, saya merasa bahwa saya harus memiliki pemahaman yang lebih dalam tentang layanan & lokasi bawaan AngularJS, karena pengoperasian URL bawaan yang melayani browser terkait erat. Saya merasa bahwa jika layanan ini diproses, itu akan sangat membantu untuk pergantian halaman halaman di masa depan.
Di bawah ini adalah beberapa eksperimen kecil saya dan beberapa pengalaman, yang ditulis dalam bahasa sehari -hari dan mungkin tidak terlalu profesional, tetapi saya harap akan sangat membantu bagi semua orang untuk memahami beberapa konsep AngularJS.
Ini & lokasi digunakan sebagai layanan, sebagai parameter fungsi pengembalian pengontrol dalam injeksi ketergantungan. Berikut ini adalah contoh untuk menjelaskan penggunaan layanan ini.
Bagian 1: Dapatkan informasi URL
& Lokasi menyediakan beberapa metode pengambil dan setter, seperti absurl, jalur, protokol, host, port. Penjelasan spesifik adalah bahwa ini adalah nama fungsi fungsi alamat tautan yang disediakan oleh & lokasi. Jika fungsi -fungsi ini tidak lulus dalam parameter apa pun saat digunakan, itu berarti mendapatkan informasi URL saat ini; Jika beberapa parameter dilewatkan, itu berarti mengatur informasi URL di browser saat ini.
Contoh 1
<! Doctype html> <html ng-app = "locationApp"> <head lang = "en"> <meta charset = "utf-8"> <title> </iteme> </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> <skrip 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. $ location.port ();}]); </script> </body> </html>Dari tangkapan layar, dapat dilihat dengan jelas bahwa metode pengambil yang disediakan oleh layanan $ lokasi dapat dengan mudah mendapatkan informasi URL saat ini dari browser L.
Siswa yang hati -hati mungkin telah melihat jalan ini, mengapa tidak ada nilai?
Ini karena tidak ada informasi jalur dalam alamat tautan. Jika kami secara manual mengatur informasi jalur melalui metode path () dan kemudian menyegarkan browser (alamat URL browser adalah informasi yang Anda modifikasi saat menyegarkan dan tidak akan berubah), kami akan melihat informasi jalur. Ada gambar dan kebenaran!
Contoh 2
$ location.path ('detail');
$ scope.path = $ location.path ();
Dari modifikasi kecil di atas, saya memodifikasi kode dan pertama-tama memodifikasi nilai atribut jalurnya dalam layanan bawaan $ lokasi (esensinya adalah objek, yang berisi banyak atribut tentang informasi URL).
Kemudian dapatkan nilai baru melalui metode Getter.
Juga, karena informasi URL yang melayani bilah alamat browser adalah ikatan dua arah (ini adalah bagian paling indah dari AngularJS), tidak peduli atribut objek lokasi atau bilah alamat browser, selama informasi URL satu pihak berubah, pihak lain juga akan berubah. Jadi saya melihat bahwa ada juga informasi jalur seperti detail di bilah alamat browser di tangkapan layar. Informasi ini ditetapkan melalui kode sebelumnya.
Tentang Implementasi Fungsi Pagination Display Pagination akan diperkenalkan kepada Anda di artikel berikutnya, saya harap Anda tidak melewatkannya.