GET http：// localhost：4200/src/app/ficheros/nacionalidades.json 404（見つからない）

Question

私は絶望的です。

私の問題は、私のjsonファイルへのフルパスを書いています（私は別の可能性を試しましたが）エラー404（GET http://localhost:4200/src/app/ficheros/nacionalidades.json 404（見つからない））を返します。私は質問する前に調査していた。私は何が間違っているのかわかりません。私は専門家ではありません。私はあなたがそれを見るように自分のコードを残します。

コンポーネント：

import { Component, OnInit } from '@angular/core'; 
    import { Servicio1Service } from './../../services/servicio1.service'; 

    @Component({ 
     selector: 'app-componente-hijo1', 
     templateUrl: './componente-hijo1.component.html', 
     styleUrls: ['./componente-hijo1.component.css'] 
    }) 

    export class ComponenteHijo1Component implements OnInit { 
     listaPersonas: any; 
     constructor(private _servicio1service: Servicio1Service) { } 

     ngOnInit() { 
     this._servicio1service.getTodasPersonas().subscribe((personas) => { 
      this.listaPersonas = personas; 
      console.log("this.listaPersonas"); 
      console.log(this.listaPersonas); 
     }); 
     } 

    } 

サービス：プロジェクトの

import { Injectable } from '@angular/core'; 
    import { Http } from '@angular/http'; 
    import 'rxjs/add/operator/map'; 

    @Injectable() 
    export class Servicio1Service { 
     constructor(private _http:Http) { } 

     getTodasPersonas(){ 
     return this._http.get("./src/app/ficheros/nacionalidades.json").map((res) => res.json()); 
     } 
    } 

構造： SRC-APP-{コンポーネント、ficheros、サービス}

は、事前にありがとうございます。

Answer 1

あなたのような地元のjsonを読み込もうとしましたが、動作しませんでした。 解決策は、jsonファイルをassetsフォルダに置くことでした。次に、あなたのコード内 ：

getTodasPersonas(){ 
    return this._http.get("assets/nacionalidades.json").map((res) => res.json()); 
} 

は、それはあなたの問題:)

敬具