使用typescript进行REST调用

我用html5/angular2安装了“sb admin 2”仪表板。 此示例适用于typescript。要实例化图表，文件charts.compent.ts定义类，然后定义图表属性和数据，如下所示

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'
            },
...................................

在我的例子中，我想从restfull服务获取日期

你能帮我做这个吗？？

---

任何输入都将有助于确保您具有正确的导入

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

这是如何发出get请求

获取请求

        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;
                    });
            }
        }

发布请求

        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;
                    });
            }
        }

如何发出post请求，这是auth0库中常用的post请求。你可以找到

这些示例将从服务器获得响应。如果你想做一些更技术性的事情，比如在视图中更新新数据，你必须创建一个

可观察的

。如果我是你，我会记下这个，然后当你需要理解

可观察的

时，你可以合并它