Servicio AngularJS (Servicio)
AngularJS puede crear su propio servicio, o utilizar el servicio incorporado.
¿Qué es un servicio?
En AngularJS, el servicio es una función o un objeto puede ser utilizado en su aplicación AngularJS.
AngularJS construido más de 30 servicios.
Hay un servicio delocalización de $,lo que devuelve la dirección URL de la página actual.
Ejemplos
app.controller ( 'customersCtrl', function ( $ alcance, ubicación $) {
$ = $ Scope.myUrl location.absUrl ();
});
Trate »
El servicio de$ ubicación se pasa como parámetro al controlador.Si desea utilizar la tarjeta, deberá ser definido en el controlador.
¿Por qué usar el servicio?
$ Http AngularJS aplicación son los servicios más utilizados.El servicio envía una solicitud al servidor, los datos de respuesta del servidor de aplicaciones de transmisión de.
AngularJS monitoriza constantemente la aplicación, manejan los sucesos de cambio, utilizan AngularJS$ ubicación servir mejor que usar window.location.
servicio de $ Http
$ Http AngularJS aplicación son los servicios más utilizados.El servicio envía una solicitud al servidor, los datos de respuesta del servidor de aplicaciones de transmisión de.
Ejemplos
Utilice$ de datos de solicitud de servicio al servidor http:
app.controller ( 'myCtrl', function ( $ ámbito, http $) {
$ Http.get ( "welcome.htm") .then (función (respuesta) {
$ Scope.myWelcome = response.data;
});
});
Trate »
Lo anterior es una muy simple instancia de serviciohttp $, más aplicaciones de servicio http $Por favor ver AngularJS Http tutorial .
Servicio $ Tiempo de espera
AngularJS $ tiempo de espera y los servicios correspondientes a la función JSwindow.setTimeout.
Ejemplos
Información que se muestra dos segundos:
app.controller ( 'myCtrl', function ( $ ámbito de aplicación, tiempo de espera $) {
$ Scope.myHeader = "Hello World!" ;
$ Timeout (function () {
$ Scope.myHeader = "¿Cómo estás hoy ?";
}, 2000);
});
Trate »
Intervalo de servicio de $
AngularJS $ intervalo correspondiente a la función de servicio JSwindow.setInterval.
Ejemplos
Cada dos segundos para visualizar la información:
app.controller ( 'myCtrl', function ( $ ámbito, $ intervalo) {
$ Scope.theTime = new Date () toLocaleTimeString () .;
intervalo de $ (function () {
$ Scope.theTime = new Date () toLocaleTimeString () .;
}, 1000);
});
Trate »
La creación de un servicio personalizado
Se puede crear un acceso de servicio personalizado, enlaces a su módulo:
Crear un acceso llamadohexafy de:
this.myFunc = function (x) {
volver x.toString (16);
}
});
Para acceder al servicio personalizado, es necesario definir el filtro cuando el complemento independiente:
Ejemplos
Utilice un servicio personalizadohexafy un convertidor de números hexadecimales digitales:
$ Scope.hex = hexafy .myFunc (255) ;
});
Trate »
Filtrar sobre un servicio personalizado
Cuando se crea un servicio personalizado y conectar a la aplicación, se puede utilizar en el controlador, directivas, filtros u otros servicios.
Hexafy usar el servicio en el myformatfiltro en:
función de retorno (x) {
volver hexafy .myFunc (x);
};
}]);
Trate »
Obtención de valor en una matriz de objetos que se pueden utilizar filtros:
Crearhexafy Servicio:
<Li ng-repeat = "x en el recuento"> {{x | myformat}} </ li>
</ Ul>
Trate »