Angular 4 JSON String-Array

Question

Hier mein Code ist, und wenn die console.log (Daten) in Browser

app.component.ts: 34 [{ "SemesterId": "Fall 2017"}, {“ SemesterId ":" Frühling 2017 "}]

Wie kann ich diese JSON-Zeichenfolge in ein Array konvertieren und anzeigen? this.result1 = Daten ['SemesterId']; funktioniert nicht. Bitte schau es dir an.

interface semester { 
    SemesterId: string; 

    } 

@Component({ 
selector: 'app-root', 
template: ` 
<ul> 
    <li *ngFor="let h of result1">{{h}}</li> 
    </ul> 
`, 
styleUrls: ['./app.component.css'] 
}) 
export class AppComponent { 
title = 'app'; 

constructor(private http: HttpClient) { 

} 

result1 :string; 
r1:object; 
ngOnInit(): void { 
    this.http.get('http://localhost:13043/students/courses/all').subscribe(
    data=>{ 
     this.result1=data['SemesterId']; 
     console.log(data); 
    }  
) 
    } 

} 

Answer 1

Ihren Dienst ändern

this.http.get('http://localhost:13043/students/courses/all').subscribe(
    data=>{ 
     this.result1=data; 

    }  
) 

in Ihrer Vorlage

<ul> 
    <li *ngFor="let h of result1">{{h.SemesterId}}</li> 
    </ul> 

Answer 2

Sie haben Ihre Antwort wie folgt zuzuordnen:

this.http.get('http://localhost:13043/students/courses/all') 
     .map((result) => result.json()) 
     .subscribe((data) => console.log(data)); 

Ihr Endpunkt zurückkehrt JSON-String und du musst t analysieren Hut in ein Objekt, um es so zu benutzen, wie du es willst.

Sie können es auch tun, eine andere Art und Weise, durch den Aufruf:

this.result = JSON.parse(data);