Wie konvertieren Beobachten<alle> array[]

Habe ich folgende Methode in Typoskript, ich zu binden, müssen eckige Gitter

CountryService

GetCountries()  {
  return this.http.get(`http://services.groupkt.com/country/get/all`)
    .map((res:Response) => <CountryData[]>res.json().RestResponse["result"]);
}

GridComponent

  template: `
        <ag-grid-ng2 style="width: 100%" #agGrid class="ag-material"
                    rowHeight="50"
                    [gridOptions]="myGridOptions" 
                     >
            </ag-grid-ng2>
        `,

  this.myGridOptions.rowData= this.CountryService.GetCountries();

CountryData

export class CountryData{
  name: string;
  alpha2_code: string;
  alpha3_code: string;
}

Aber GetCoutries zurück Beobachtbaren jeder, nicht zum binden an rowData?

Wie konvertieren Beobachten zu CountryData[] im Typoskript ?

finden Sie JSON-Daten hier: http://services.groupkt.com/country/get/all

Sie brauchen, um sich in die Beobachtbar: this.CountryService.GetCountries().subscribe(result => this.myGridOptions.rowData = result);
Können Sie dies überprüfen, json services.groupkt.com/country/get/all wie konvertiert mein CountryData[]

InformationsquelleAutor Ragavan | 2017-07-06

25

Müssen Sie abonnieren Sie Ihre observablen:
```
this.CountryService.GetCountries()
    .subscribe(countries => {
        this.myGridOptions.rowData = countries as CountryData[]
    })
```
Und in den html-Code, wo immer es benötigt wird, übergeben Sie den async Rohr dazu.
- diese.myGridOptions.rowData nicht definiert . keine verbindlichen Daten raster
- Können Sie dies überprüfen, json services.groupkt.com/country/get/all wie meine konvertieren CountryData[]
- haben Sie initialisieren Sie Ihre this.myGridOptions.rowData im Konstruktor?
- Ja, ich bin bei der Initialisierung im Konstruktor
- Sie müssen herausfinden, warum Ihre this.myGridOptions.rowData undefined Mann. Verwenden Sie dazu die Konsole zu tun, die debugging
- ein Problem mit josn Daten ? Wenn Sie die Stichprobe für deine Antwort, bitte gib mir einen link . ich beziehen
InformationsquelleAutor CozyAzure
12

Mit HttpClient (Http-s-Ersatz) in Eckige 4.3+, die gesamte mapping - /casting-Prozess ist vereinfacht/abgeschafft.

Mit Ihrem CountryData-Klasse, würde Sie definieren eine service-Methode wie diese:
```
getCountries()  {
  return this.httpClient.get<CountryData[]>('http://theUrl.com/all');
}
```
Dann, wenn Sie es brauchen, definieren Sie ein array wie dieses:
```
countries:CountryData[] = [];
```
abonnieren und es wie dieses:
```
this.countryService.getCountries().subscribe(countries => this.countries = countries);
```
Einem vollständigen setup Antwort wird hier gepostet auch.
- diese.countryService.abonnieren???
- Danke für den Hinweis. Ich verpasste Sie die Funktion hinzufügen, dass Renditen die beobachtbare. Ich fixe das jetzt einfach.
InformationsquelleAutor mohsenmadi
2

Sollte dies funktionieren:
```
GetCountries():Observable<CountryData[]>  {
  return this.http.get(`http://services.groupkt.com/country/get/all`)
    .map((res:Response) => <CountryData[]>res.json());
}
```
Damit dies funktioniert, müssen Sie den import der folgenden:
```
import 'rxjs/add/operator/map'
```
- ich bin immer unter schwere Fehler: 'Fehler' Meldung: 'Geben 'Beobachtbare<CountryData>' ist nicht zuweisbar Typ 'Beobachtbare<CountryData[]>'. Typ 'CountryData' nicht zuordenbar Typ 'CountryData[]'. Die Eigenschaft 'Länge' fehlt im Art 'CountryData'.' am: 'sind 90,3' Quelle: 'ts'
- UPS.. guter Fang
InformationsquelleAutor pixelbits

//Komponente. home.ts :

  contacts:IContacts[];


ionViewDidLoad() {
this.rest.getContacts()
.subscribe( res=> this.contacts= res as IContacts[]) ;

//reorderArray. akzeptiert nur Arrays

    Reorder(indexes){
  reorderArray(this.contacts, indexes)
}

//Service . res.ts

getContacts(): Observable<IContacts[]> {
return this.http.get<IContacts[]>(this.apiUrl+"?results=5")

Und es funktioniert

InformationsquelleAutor SAM.Am

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.