تحتاج التطبيقات الحقيقية إلى التفاعل مع الخوادم الحقيقية والتطبيقات المتنقلة وتطبيقات سطح المكتب الناشئة في Chrome قد تكون استثناءً ، ولكن بالنسبة لجميع التطبيقات الأخرى ، سواء كنت ترغب في استمرار البيانات في السحابة أو التفاعل مع المستخدمين الآخرين في الوقت الفعلي ، تحتاج إلى التفاعل مع الخادم.
لتحقيق ذلك ، يوفر Angular خدمة تسمى $ HTTP. يوفر قائمة قابلة للتوسيع من الأساليب المجردة لجعل التفاعل مع الخادم أسهل. وهو يدعم أساليب HTTP و JSONP و CORS. ويشمل أيضًا الدعم الأمني لتجنب الضعف في تنسيق JSON و XSRF. يتيح لك تحويل بيانات الطلب والاستجابة بسهولة ، وحتى تنفذ التخزين المؤقت البسيط.
على سبيل المثال ، نعتزم الحصول على مواقع تسوق تحصل على معلومات المنتج من الخوادم بدلاً من البيانات المزيفة من الذاكرة. كيفية كتابة رمز الخادم خارج نطاق هذا الكتاب ، لذلك دعونا نتخيل فقط أننا ، على سبيل المثال ، أنشأنا خادمًا يعيد قائمة المنتجات بتنسيق JSON عند الاستعلام عن مسار /المنتجات.
مثال الاستجابة التي تم إرجاعها على النحو التالي:
[{"id": 0 ، "title": "paint pots" ، "description": "السعر": 6.95} ... إلخ ...]يمكننا كتابة رمز الاستعلام مثل هذا:
الوظيفة ShopcorController (Scope $ ، $ http) {$ http.get ('/products'). النجاح (الدالة (البيانات ، الحالة ، الرؤوس ، التكوين) {$ scope.items = data ؛}) ؛}ثم استخدمه مثل هذا في القالب:
<body ng-controller = "shoopcontroller"> <h1> shop! </h1> <table> <r tr ng-repeat = "item in heads"> <td> {{{{td>}} </td> <td> {{{item.description}}}} </td> العملة}} </td> </r> </table> </viv> </body>كما قلنا من قبل ، على المدى الطويل ، من المفيد لنا أن ندع وكيل الخدمة يتفاعل مع الخادم ، ويمكن مشاركة هذه الخدمة من قبل وحدات تحكم متعددة.