خدمة AngularJS (الخدمة)
AngularJS يمكنك إنشاء الخدمة الخاصة، أو استخدام خدمة المضمنة.
ما هي الخدمة؟
في AngularJS، الخدمة هي وظيفة أو كائن يمكن استخدامها في تطبيق AngularJS الخاص بك.
AngularJS بناء أكثر من 30 الخدمات.
هناك خدمةالموقع $، والتي ترجع عنوان URL للصفحة الحالية.
أمثلة
app.controller ( 'customersCtrl، وظيفة ( نطاق $، $ الموقع) {
$ Scope.myUrl = $ location.absUrl ()؛
})؛
محاولة »
ملاحظة يتم تمرير هذه الخدمة$ موقع كمعلمة إلى وحدة تحكم.إذا كنت ترغب في استخدامه، عليك أن تكون محددة في وحدة تحكم.
لماذا استخدام الخدمة؟
$ HTTP AngularJS التطبيق هو الخدمات الأكثر استخداما.يرسل خدمة طلب إلى الملقم، البيانات استجابة خادم التطبيقات التي تنتقل من.
AngularJS تراقب باستمرار تطبيق، والتعامل مع الأحداث تتغير، AngularJS استخدام$ موقع خدمة أفضل من استخدام window.location.
خدمة $ المتشعب
$ HTTP AngularJS التطبيق هو الخدمات الأكثر استخداما.يرسل خدمة طلب إلى الملقم، البيانات استجابة خادم التطبيقات التي تنتقل من.
أمثلة
استخدام$ بيانات طلب خدمة HTTPإلى الملقم:
app.controller ( 'myCtrl، وظيفة ( $ نطاق، $ المتشعب) {
$ http.get ( "welcome.htm"). ثم (وظيفة (الاستجابة) {
$ Scope.myWelcome = response.data.
})؛
})؛
محاولة »
ما سبق هو مثيل خدمة$ HTTP بسيط جدا، أكثر $تطبيقات خدمةHTTPيرجى الاطلاع AngularJS المتشعب البرنامج التعليمي .
خدمة $ مهلة
AngularJS $ مهلة والخدمات المقابلة لوظيفة شبيبةwindow.setTimeout.
أمثلة
عرض معلومات ثانيتين:
app.controller ( 'myCtrl، وظيفة ( نطاق $، $ المهلة) {
$ scope.myHeader = "مرحبا العالم!" .
$ مهلة (وظيفة () {
$ scope.myHeader = "كيف حالك اليوم ؟".
}، 2000)؛
})؛
محاولة »
خدمة $ الفاصل
AngularJS $ الفاصلة المقابلة لوظيفة خدمة شبيبةwindow.setInterval.
أمثلة
كل ثانيتين لعرض المعلومات:
app.controller ( 'myCtrl، وظيفة ( نطاق $، $ فاصل) {
$ scope.theTime = تاريخ جديد () toLocaleTimeString ()؛
$ الفاصلة (وظيفة () {
$ scope.theTime = تاريخ جديد () toLocaleTimeString ()؛
}، 1000)؛
})؛
محاولة »
إنشاء دائرة الجمارك
يمكنك إنشاء وصول خدمة العرف، ويربط على وحدة الخاص بك:
إنشاء وصول اسمهhexafy من:
this.myFunc = وظيفة (خ) {
العودة x.toString (16)؛
}
})؛
للوصول إلى الخدمة حسب الطلب، تحتاج إلى تحديد مرشح عندما إضافة المستقلة:
أمثلة
استخدام خدمة مخصصةhexafy الرقمية أعداد تحويل عشري:
$ scope.hex = hexafy .myFunc (255) .
})؛
محاولة »
تصفية باستخدام خدمة مخصصة
عند إنشاء خدمة مخصصة والاتصال إلى التطبيق الخاص بك، يمكنك استخدامها في وحدة تحكم، والتوجيهات، والمرشحات، أو غيرها من الخدمات.
Hexafy استخدام الخدمة في myFormatمرشح في:
وظيفة عودة (خ) {
العودة hexafy .myFunc (خ)؛
}؛
}])؛
محاولة »
الحصول على قيمة في مجموعة من الأشياء التي يمكنك استخدامها المرشحات: