Latest web development tutorials

Angularjs (usługa)

Angularjs można stworzyć swój własny serwis, lub skorzystać z wbudowanego w serwis.

Czym jest serwis?

W angularjs usługa jest funkcją lub przedmiot mogą być wykorzystywane w aplikacji angularjs.

Angularjs zbudowany ponad 30 usług.

Jest$ usługi lokalizacyjnej,która zwraca adres URL bieżącej strony.

Przykłady

var app = angular.module ( "myApp" , []);
app.controller ( "customersCtrl ', function ( $ zakres, $ lokalizacja) {
$ Scope.myUrl = $ location.absUrl ();
});

Spróbuj »

Należy pamiętać, że usługa$ lokalizacja jest przekazywana jako parametr do kontrolera.Jeśli chcesz go używać, trzeba być zdefiniowana w kontrolerze.

Dlaczego warto korzystać z usługi?

$ Http angularjs aplikacja jest najczęściej używane usługi.Usługa wysyła żądanie do serwera danych odpowiedzi serwera aplikacji przesyłanych z.

Angularjs stale monitoruje aplikację, obsługiwać zdarzenia zmienić, angularjs użyć$ lokalizację służyć lepiej niż przy użyciu window.location.

Usługa $ HTTP

$ Http angularjs aplikacja jest najczęściej używane usługi.Usługa wysyła żądanie do serwera danych odpowiedzi serwera aplikacji przesyłanych z.

Przykłady

Użyj$ data zgłoszenia serwisowego HTTPdo serwera:

var app = angular.module ( "myApp" , []);
app.controller ( "myCtrl ', function ( $ zakres, $ http) {
$ Http.get ( "welcome.htm") .then (function (odpowiedź) {
$ Scope.myWelcome = response.data;
});
});

Spróbuj »

Powyższe jest bardzo prosta obsługa$ http instancji więcej $aplikacji usługiHTTPProszę zobaczyć angularjs HTTP samouczek .

Usługa $ Timeout

Angularjs $ Timeout i usługi odpowiadające funkcji JSwindow.setTimeout.

Przykłady

Informacje wyświetlane dwie sekundy:

var app = angular.module ( "myApp" , []);
app.controller ( "myCtrl ', function ( $ zakres, $ timeout) {
$ Scope.myHeader = "Hello World!" ;
$ Timeout (function () {
$ Scope.myHeader = "Jak się dzisiaj czujesz ?";
}, 2000);
});

Spróbuj »

Usługa $ Interval

Angularjs $ przedział odpowiadający funkcji serwisu JSwindow.setInterval.

Przykłady

Co dwie sekundy, aby wyświetlić informacje:

var app = angular.module ( "myApp" , []);
app.controller ( "myCtrl ', function ( $ zakres, $ odstęp) {
$ Scope.theTime = new Date () toLocaleTimeString () .;
$ Przedział (function () {
$ Scope.theTime = new Date () toLocaleTimeString () .;
}, 1000);
});

Spróbuj »

Tworzenie usługi niestandardowe

Można utworzyć niestandardowy dostęp serwisowy, linki do modułu:

Tworzenie dostępu nazwiehexafy z:

app.service ( "hexafy ', function ( ) {
this.myFunc = function (x) {
powrotu x.toString (16);
}
});

Aby uzyskać dostęp do usługi niestandardowe, należy zdefiniować filtr, gdy Add Standalone:

Przykłady

Użyj usługi niestandardowehexafy cyfrowy konwerter liczb w systemie szesnastkowym:

app.controller ( "myCtrl ', function ( $ zakres, hexafy) {
$ Scope.hex = hexafy .myFunc (255) ;
});

Spróbuj »

Filtrowanie przy użyciu niestandardowych usługi

Podczas tworzenia usługę niestandardową i podłączyć do aplikacji, można go używać w sterowniku, dyrektyw, filtrów lub innych usług.

Hexafy korzystać z usługi w myFormatfiltra w:

app.filter ( "myFormat ', [' hexafy ', function (hexafy) {
Funkcja powrotu (x) {
powrotu hexafy .myFunc (x);
};
}]);

Spróbuj »

Uzyskanie wartości w tablicy obiektów można użyć filtrów:

Tworzeniehexafy usługę:

<Ul>
<Li ng-repeat = "x się liczy"> {{x | myFormat}} </ li>
</ Ul>

Spróbuj »