Latest web development tutorials

خدمة AngularJS (الخدمة)

AngularJS يمكنك إنشاء الخدمة الخاصة، أو استخدام خدمة المضمنة.


ما هي الخدمة؟

في AngularJS، الخدمة هي وظيفة أو كائن يمكن استخدامها في تطبيق AngularJS الخاص بك.

AngularJS بناء أكثر من 30 الخدمات.

هناك خدمةالموقع $، والتي ترجع عنوان URL للصفحة الحالية.

أمثلة

فار التطبيق = angular.module ( 'اسم التطبيق " ، [])؛
app.controller ( 'customersCtrl، وظيفة ( نطاق $، $ الموقع) {
$ Scope.myUrl = $ location.absUrl ()؛
})؛

محاولة »

ملاحظة يتم تمرير هذه الخدمة$ موقع كمعلمة إلى وحدة تحكم.إذا كنت ترغب في استخدامه، عليك أن تكون محددة في وحدة تحكم.


لماذا استخدام الخدمة؟

$ HTTP AngularJS التطبيق هو الخدمات الأكثر استخداما.يرسل خدمة طلب إلى الملقم، البيانات استجابة خادم التطبيقات التي تنتقل من.

AngularJS تراقب باستمرار تطبيق، والتعامل مع الأحداث تتغير، AngularJS استخدام$ موقع خدمة أفضل من استخدام window.location.


خدمة $ المتشعب

$ HTTP AngularJS التطبيق هو الخدمات الأكثر استخداما.يرسل خدمة طلب إلى الملقم، البيانات استجابة خادم التطبيقات التي تنتقل من.

أمثلة

استخدام$ بيانات طلب خدمة HTTPإلى الملقم:

فار التطبيق = angular.module ( 'اسم التطبيق " ، [])؛
app.controller ( 'myCtrl، وظيفة ( $ نطاق، $ المتشعب) {
$ http.get ( "welcome.htm"). ثم (وظيفة (الاستجابة) {
$ Scope.myWelcome = response.data.
})؛
})؛

محاولة »

ما سبق هو مثيل خدمة$ HTTP بسيط جدا، أكثر $تطبيقات خدمةHTTPيرجى الاطلاع AngularJS المتشعب البرنامج التعليمي .


خدمة $ مهلة

AngularJS $ مهلة والخدمات المقابلة لوظيفة شبيبةwindow.setTimeout.

أمثلة

عرض معلومات ثانيتين:

فار التطبيق = angular.module ( 'اسم التطبيق " ، [])؛
app.controller ( 'myCtrl، وظيفة ( نطاق $، $ المهلة) {
$ scope.myHeader = "مرحبا العالم!" .
$ مهلة (وظيفة () {
$ scope.myHeader = "كيف حالك اليوم ؟".
2000)؛
})؛

محاولة »

خدمة $ الفاصل

AngularJS $ الفاصلة المقابلة لوظيفة خدمة شبيبةwindow.setInterval.

أمثلة

كل ثانيتين لعرض المعلومات:

فار التطبيق = angular.module ( 'اسم التطبيق " ، [])؛
app.controller ( 'myCtrl، وظيفة ( نطاق $، $ فاصل) {
$ scope.theTime = تاريخ جديد () toLocaleTimeString ()؛
$ الفاصلة (وظيفة () {
$ scope.theTime = تاريخ جديد () toLocaleTimeString ()؛
1000)؛
})؛

محاولة »

إنشاء دائرة الجمارك

يمكنك إنشاء وصول خدمة العرف، ويربط على وحدة الخاص بك:

إنشاء وصول اسمهhexafy من:

app.service ( 'hexafy، وظيفة ( ) {
this.myFunc = وظيفة (خ) {
العودة x.toString (16)؛
}
})؛

للوصول إلى الخدمة حسب الطلب، تحتاج إلى تحديد مرشح عندما إضافة المستقلة:

أمثلة

استخدام خدمة مخصصةhexafy الرقمية أعداد تحويل عشري:

app.controller ( 'myCtrl، وظيفة ( نطاق $، hexafy) {
$ scope.hex = hexafy .myFunc (255) .
})؛

محاولة »

تصفية باستخدام خدمة مخصصة

عند إنشاء خدمة مخصصة والاتصال إلى التطبيق الخاص بك، يمكنك استخدامها في وحدة تحكم، والتوجيهات، والمرشحات، أو غيرها من الخدمات.

Hexafy استخدام الخدمة في myFormatمرشح في:

app.filter ( 'myFormat'، [ ' hexafy، وظيفة (hexafy) {
وظيفة عودة (خ) {
العودة hexafy .myFunc (خ)؛

}])؛

محاولة »

الحصول على قيمة في مجموعة من الأشياء التي يمكنك استخدامها المرشحات:

إنشاءhexafy الخدمة:

<UL>
<لي نغ-تكرار = "س في التهم"> {{س | myFormat}} </ لى>
</ UL>

محاولة »