AngularJS Serviço (Service)
AngularJS você pode criar seu próprio serviço, ou utilizar o serviço embutido.
O que é um serviço?
Em AngularJS, o serviço é uma função ou objeto pode ser usado em seu aplicativo AngularJS.
AngularJS construiu mais de 30 serviços.
Há um serviço delocalização $, que retorna o endereço URL da página atual.
Exemplos
app.controller ( 'customersCtrl', function ( $ âmbito, $ location) {
Scope.myUrl $ = $ location.absUrl ();
});
tente »
Note que o serviço$ local é passado como um parâmetro para o controlador.Se você quiser usá-lo, você precisa ser definida no controlador.
Por que usar o serviço?
$ Http AngularJS aplicação são os serviços mais comumente usados.O serviço envia uma solicitação para o servidor, os dados de resposta do servidor de aplicativos transmitidos a partir.
AngularJS monitora constantemente aplicação, manipular eventos mudar, AngularJS utilizar$ local servir melhor do que usar window.location.
serviço de US $ Http
$ Http AngularJS aplicação são os serviços mais comumente usados.O serviço envia uma solicitação para o servidor, os dados de resposta do servidor de aplicativos transmitidos a partir.
Exemplos
Use$ dados de solicitação de serviços de httppara o servidor:
app.controller ( 'myCtrl', function ( $ âmbito, $ http) {
$ Http.get ( "welcome.htm") .then (function (response) {
$ Scope.myWelcome = response.data;
});
});
tente »
A descrição acima é uma instância de serviço$ http muito simples, mais aplicações de serviços http $Consulte AngularJS Http tutorial .
Serviço $ Timeout
AngularJS $ Timeout e serviços correspondente à função JSwindow.setTimeout.
Exemplos
Informações exibidas dois segundos:
app.controller ( 'myCtrl', function ( $ âmbito, $ timeout) {
$ Scope.myHeader = "Olá mundo!" ;
$ Timeout (function () {
$ Scope.myHeader = "Como você está hoje ?";
}, 2000);
});
tente »
serviço de US $ Interval
AngularJS $ intervalo correspondente à função de serviço JSwindow.setInterval.
Exemplos
A cada dois segundos para exibir informações:
app.controller ( 'myCtrl', function ( $ âmbito, $ intervalo) {
toLocaleTimeString $ scope.theTime = new Date () () .;
$ Intervalo (function () {
toLocaleTimeString $ scope.theTime = new Date () () .;
}, 1000);
});
tente »
Criando um serviço personalizado
Você pode criar um acesso de serviço personalizado, links para seu módulo:
Criar acessohexafy chamado de:
this.myFunc = function (x) {
x.toString regresso (16);
}
});
Para acessar o serviço personalizado, você precisa definir o filtro quando o Add Standalone:
Exemplos
Usar um serviço personalizadohexafy um número conversor hexadecimais digitais:
$ Scope.hex = hexafy .myFunc (255) ;
});
tente »
Filtrar usando o serviço personalizado
Quando você cria um serviço personalizado e conectar-se a sua aplicação, você pode usá-lo no controlador, directivas, filtros ou outros serviços.
Hexafy usar o serviço no myformatfiltro:
de retorno da função (x) {
regresso hexafy .myFunc (x);
};
}]);
tente »
Recebendo o valor em uma matriz de objetos que você pode usar filtros: