製作的JSON數據的請求與角2

Question

這可能只是我，但我真的有一個糟糕的時期角文檔。例如，我想了解如何讀取（在其上運行循環並從中拖出一些數據）JSON文件，並且我找到了Angular文檔的這個鏈接：https://angular.io/guide/http

他們正在發佈下面的代碼，但不要說在它應該去（到什麼文件）：

@Component(...) 
export class MyComponent implements OnInit { 

    results: string[]; 

    // Inject HttpClient into your component or service. 
    constructor(private http: HttpClient) {} 

    ngOnInit(): void { 
    // Make the HTTP request: 
    this.http.get('/api/items').subscribe(data => { 
     // Read the result field from the JSON response. 
     this.results = data['results']; 
    }); 
    } 
} 

附註：我把我的JSON文件資產文件夾內，我想在幾個組件從它使用的數據。

附註二：我真的很感激着如何處理文檔，也許我失去了一些東西你的幫助？新手很難理解到底在哪裏。

感謝

Answer 1

// version without map 

    @Component(...) 
export class MyComponent implements OnInit { 

    results: string[]; 

    // Inject HttpClient into your component or service. 
    constructor(private http: HttpClient) {} 

    ngOnInit(): void { 
    // Make the HTTP request: Add **.json** if it's a json file 
    this.http.get('/api/items.json').subscribe(data => { 
     // Read the result field from the JSON response. 
     this.results = data['results']; 
    }); 
    } 
} 

// with map 
import 'rxjs/add/operator/map' 

@Component(...) 
export class MyComponent implements OnInit { 

    results: string[]; 

    // Inject HttpClient into your component or service. 
    constructor(private http: HttpClient) {} 

    ngOnInit(): void { 
    // Make the HTTP request: 
    this.http.get('/api/items.json') 
    .map((data) => { 
     return data.json(); 
    }) 
    .subscribe((data) => { 
    this.results = data['results'];  
    }); 
    } 
}