Latest web development tutorials

AngularJS служба (служба)

AngularJS вы можете создать свою собственную службу, или использовать встроенную службу.

Что такое услуга?

В AngularJS, услуга является функцией или объект может быть использован в приложении AngularJS.

AngularJS построено более 30 услуг.

Существует в размере$ услуга определения местоположения,которая возвращает URL - адрес текущей страницы.

примеров

вар приложение = angular.module ( 'MYAPP' , []);
app.controller ( 'customersCtrl', функция ( $ сфера, $ местоположение) {
$ Scope.myUrl = $ location.absUrl ();
});

Попробуйте »

Обратите внимание , что служба$ местоположение передается в качестве параметра в контроллер.Если вы хотите использовать его, вы должны быть определены в контроллере.

Зачем пользоваться услугой?

$ HTTP AngularJS приложение является наиболее часто используемые услуги.Служба отправляет запрос на сервер, данные отклика сервера прикладных программ, передаваемых из.

AngularJS постоянно отслеживает приложения, обрабатывать события , изменять, AngularJS использовать$ расположение служат лучше , чем при использовании window.location.

сервис $ Http

$ HTTP AngularJS приложение является наиболее часто используемые услуги.Служба отправляет запрос на сервер, данные отклика сервера прикладных программ, передаваемых из.

примеров

Используйте$ данные запроса службы HTTPна сервер:

вар приложение = angular.module ( 'MYAPP' , []);
app.controller ( 'myCtrl', функция ( $ сфера, $ HTTP) {
$ Http.get ( "welcome.htm") .then (функция (ответ) {
$ Scope.myWelcome = response.data;
});
});

Попробуйте »

Выше , является очень простой пример$ HTTP сервис, более $служебных приложенийHTTPПожалуйста , смотрите AngularJS Http учебник .

Сервис $ Тайм-аут

AngularJS $ тайм - аут и услуги , соответствующие функции JSwindow.setTimeout.

примеров

Информация, отображаемая на две секунды:

вар приложение = angular.module ( 'MYAPP' , []);
app.controller ( 'myCtrl', функция ( $ сфера, $ таймаут) {
$ Scope.myHeader = "Hello World!" ;
$ Тайм - аут (функция () {
$ Scope.myHeader = "Как вы сегодня ?";
}, 2000);
});

Попробуйте »

сервис $ Interval

AngularJS $ интервал , соответствующий сервисной функции JSWindow.setInterval.

примеров

Каждые две секунды для отображения информации:

вар приложение = angular.module ( 'MYAPP' , []);
app.controller ( 'myCtrl', функция ( $ сфера, $ интервал) {
$ Scope.theTime = новые Дата () toLocaleTimeString () .;
$ Интервал (функция () {
$ Scope.theTime = новые Дата () toLocaleTimeString () .;
}, 1000);
});

Попробуйте »

Создание специальной услуги

Вы можете создать доступ пользовательских услуг, ссылки на ваш модуль:

Создание доступа с именемhexafy из:

app.service ( 'hexafy', функция ( ) {
this.myFunc = функция (х) {
возвращать x.toString (16);
}
});

Чтобы получить доступ к таможенной службы, вам необходимо определить фильтр, когда Add Standalone:

примеров

Используйте пользовательский сервисhexafy в экономичных цифровых номеров конвертер шестнадцатеричные:

app.controller ( 'myCtrl', функция ( $ сфера, hexafy) {
$ Scope.hex = hexafy .myFunc (255) ;
});

Попробуйте »

Фильтр с использованием таможенной службы

При создании таможенной службы и подключить к вашему приложению, вы можете использовать его в контроллере, директив, фильтров или других услуг.

Hexafy использовать сервис в фильтре myFormatв:

app.filter ( 'myFormat', [ ' hexafy', функция (hexafy) {
Функция возврата (х) {
вернуть hexafy .myFunc (х);
};
}]);

Попробуйте »

Получение значения в массиве объектов, которые можно использовать фильтры:

Создание Servicehexafy:

<Ul>
<Li нг-повтор = "х в импульсах"> {{х | myFormat}} </ li>
</ UL>

Попробуйте »