component,ts

import { Component } from "@angular/core";
import { AppService } from "./app.service";
import { Http, Response } from "@angular/http";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
})
export class AppComponent {
  title = "Angular Coding Exercise 6";

  constructor(private appService: AppService, private http: Http) {}

  navItems: any;

  myFunc() {
    console.log("function called");

    // this.navItems = this.http.get("../res/data.json");
    // console.log("this.navItems--->", this.navItems);

    this.http
      .get(
        "https://cors-anywhere.herokuapp.com/http://services.groupkt.com/state/get/USA/all"
      )
      .subscribe(data => {
        console.log("data-------->", data);

        let result = data;
      });
  }


}