2016-07-26 6 views
0

Ich lerne gerade Angular2 und Typoskript und dieser Teil der eckigen 2 Dokumentation verursacht ein Problem. Könnte jemand eine Erläuterung von => im Zusammenhang mit der Verwendung im folgenden Beispiel geben? Ich suchte online und fand Hinweise auf Lambda-Funktionen und Rückgabetypen, aber ich konnte nichts finden, was der Verwendung von => wie es hier verwendet wird, entsprach.Was bedeutet das aus der eckigen2 Dokumentation?

export class DashboardComponent implements OnInit { 
heroes: Hero[] = []; 
constructor(private heroService: HeroService) { } 
ngOnInit() { 
    this.heroService.getHeroes() 
    .then(heroes => this.heroes = heroes.slice(1, 5)); 
} 
gotoDetail() { /* not implemented yet */} 
} 

Wenn mir jemand helfen kann, verstehe ich das wirklich.

+0

Versuchen Sie dies: https://basarat.gitbooks.io/typescript/content/docs/arrow-functions.html –

Antwort

3

Below

this.heroService.getHeroes() 
.then(heroes => this.heroes = heroes.slice(1, 5)); 

ist Äquivalent:

var that = this; 
this.heroService.getHeroes() 
.then(function (heroes) { 
    return that.heroes = heroes.slice(1, 5)); 
}); 
1

Dies wird Pfeil Funktion aufgerufen, und dies kann in Typoskript Tutorials zu verstehen.

In Ihrem Code 'getHeroes' Funktion wird eine Antwort zurück erhalten und diese Antwort wird in lokalen Variablen 'Helden' gespeichert.

'heroes =>' = Funktion (Helden: any) und Rest des Teils kann als Funktion Körper betrachtet werden. Dies ist eine gute Methode, um die Referenz einer Variablen lebendig und lokal zu halten.