Latest web development tutorials

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

var app = angular.module ( 'myApp' , []);
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:

var app = angular.module ( 'myApp' , []);
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:

var app = angular.module ( 'myApp' , []);
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:

var app = angular.module ( 'myApp' , []);
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:

app.service ( 'hexafy', function ( ) {
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:

app.controller ( 'myCtrl', function ( $ ámbito, hexafy) {
$ 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:

app.filter ( 'myformat', [ ' hexafy', function (hexafy) {
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:

<Ul>
<Li ng-repeat = "x en el recuento"> {{x | myformat}} </ li>
</ Ul>

Trate »