REST-Aufruf mit Typoskript machen

Question

Ich habe das Dashboard "sb admin 2" mit html5/angular2 installiert. Dieses Beispiel funktioniert mit Typoskript. Um instanziiert Diagrammen, definiert die Datei charts.compenent.ts die Klasse und definiert dann die Charts Attribute und Daten wie

folgt

import { Component, OnInit} from '@angular/core'; 

@Component({ 
    moduleId: module.id, 
    selector: 'chart-cmp', 
    templateUrl: 'chart.component.html' 
}) 

export class ChartComponent implements OnInit { 
    ngOnInit() { 

     var container:any = $('#container'); 
     container.highcharts({ 
      chart: { 
       type: 'area' 
      }, 
................................... 

In meinem Fall möchte ich das Datum von einem restfull-Service erhalten.

Können Sie mir bitte dies tun ?? jeder Eingang

Answer 1

Vergewissern Sie wird Ihnen helfen, die richtigen Importe haben,

import {Http, Response, URLSearchParams}           from '@angular/http'; 

Dies ist, wie eine GET-Anfrage zu machen,

Get Anfrage

 saveProfile(model: Profile, isValid: boolean) { 
       let params: URLSearchParams = new URLSearchParams(); 
// set params to go to URL 
       params.set('email', model.email); 
       params.set('first_name', model.first_name); 

       return this.http.get('url/path/here/dont/forget/port', 
        { search: params }) 
        .map((res: Response) => res.json()) 
        .subscribe((res) => { 
         console.log(res); 
    // Map the values in the response to useable variables 
         this.auth.user.email = res.user.email; 
         this.auth.user.first_name = res.user.first_name; 
        }); 
      } 
     } 

Beitrag Anfrage

So erstellen Sie eine Postanforderung: Dies ist eine beliebte Postanforderung, die in der Bibliothek auth0 verwendet wird. Sie können feststellen, dass here

authenticate(username, password) { 

    let creds = JSON.stringify({ username: username.value, password: password.value }); 

    let headers = new Headers(); 
    headers.append('Content-Type', 'application/json'); 

    this.http.post('http://localhost:3001/sessions/create', creds, { 
    headers: headers 
    }) 
    .subscribe(
     data => { 
     this.saveJwt(data.json().id_token); 
     username.value = null; 
     password.value = null; 
     }, 
     err => this.logError(err.json().message), 
    () => console.log('Authentication Complete') 
    ); 
    } 

Diese Beispiele eine Antwort vom Server erhalten. Wenn Sie etwas mehr technische Dinge tun möchten, wie die neuen Daten in der Ansicht zu aktualisieren, müssen Sie eine observable erstellen. Wenn ich Sie wäre, würde ich das dann bekommen, wenn Sie verstehen müssen observable können Sie das übernehmen.