AngularJS Service (Service)
AngularJS Anda dapat membuat layanan Anda sendiri, atau menggunakan layanan built-in.
Apa layanan?
Dalam AngularJS, layanan ini fungsi atau objek dapat digunakan dalam aplikasi AngularJS Anda.
AngularJS dibangun lebih dari 30 layanan.
Ada layananlokasi $, yang mengembalikan alamat URL dari halaman saat ini.
contoh
app.controller ( 'customersCtrl', function ( $ lingkup, $ lokasi) {
$ Scope.myUrl = $ location.absUrl ();
});
Coba »
Perhatikan bahwa layanan$ lokasi dilewatkan sebagai parameter ke controller.Jika Anda ingin menggunakannya, Anda perlu didefinisikan di controller.
Mengapa menggunakan layanan ini?
$ Http AngularJS aplikasi yang layanan yang paling umum digunakan.Layanan ini mengirimkan permintaan ke server, aplikasi server data respon ditularkan dari.
AngularJS terus memantau aplikasi, menangani event berubah, AngularJS menggunakan$ lokasi melayani lebih baik daripada menggunakan window.location.
Layanan $ Http
$ Http AngularJS aplikasi yang layanan yang paling umum digunakan.Layanan ini mengirimkan permintaan ke server, aplikasi server data respon ditularkan dari.
contoh
Gunakan$ data permintaan layanan httpke server:
app.controller ( 'myCtrl', function ( $ lingkup, $ http) {
$ Http.get ( "welcome.htm") kemudian mengucapkan selamat (function (respon) {
$ Scope.myWelcome = response.data;
});
});
Coba »
Di atas adalah contoh layanan$ http sangat sederhana, lebih $ httpaplikasi layanan Silakan lihat AngularJS Http tutorial .
Layanan $ Timeout
AngularJS $ batas waktu dan layanan yang sesuai dengan fungsi JSwindow.setTimeout.
contoh
Informasi yang ditampilkan dua detik:
app.controller ( 'myCtrl', function ( $ lingkup, $ timeout) {
$ Scope.myHeader = "Hello World!" ;
$ Timeout (function () {
$ Scope.myHeader = "Bagaimana kabarmu hari ini ?";
}, 2000);
});
Coba »
Layanan $ Interval
AngularJS $ selang sesuai dengan fungsi pelayanan JSwindow.setInterval.
contoh
Setiap dua detik untuk menampilkan informasi:
app.controller ( 'myCtrl', function ( $ lingkup, $ interval) {
$ Scope.theTime = new Date () toLocaleTimeString () .;
$ Interval (function () {
$ Scope.theTime = new Date () toLocaleTimeString () .;
}, 1000);
});
Coba »
Membuat Layanan Kustom
Anda dapat membuat akses layanan kustom, link ke modul Anda:
Buat akses bernamahexafy dari:
this.myFunc = function (x) {
kembali x.toString (16);
}
});
Untuk mengakses layanan kustom, Anda perlu menentukan filter ketika Tambah Standalone:
contoh
Gunakan layanan kustomhexafy sebuah nomor converter heksadesimal digital:
$ Scope.hex = hexafy .myFunc (255) ;
});
Coba »
Saring menggunakan layanan kustom
Bila Anda membuat layanan kustom dan terhubung ke aplikasi Anda, Anda dapat menggunakannya dalam controller, arahan, filter, atau layanan lainnya.
Hexafy menggunakan layanan di myFormatfilter dalam:
kembali fungsi (x) {
kembali hexafy .myFunc (x);
};
}]);
Coba »
Mendapatkan nilai di array obyek Anda dapat menggunakan filter: