Как вставить данные во внешний файл JSON с помощью машинописи?

Question

введите описание изображения здесь на самом деле у меня есть внешний JSON-файл push-данных

Answer 1

Сначала ваш jSON-файл хранится в папке assets .

src/assets/demo.json

JSON:

[
    {
        "Name": "Senthil",

    },
{
    "Name" : "Periyas"
}
...
]

далее, создайте файл в корневой папке и введите имяэто njson-typings.d.ts, а затем вставьте следующий код.

declare module "*.json" {
  const value: any;
  export default value;
}

перейдите в папку компонентов приложения, откройте файл app.component.ts и импортируйте демонстрационный файл для отображения.

 import { Component } from '@angular/core';
 import namedata from '../assets/demo.json';

    @Component({
      selector: 'app-root',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.scss']
    })
    export class AppComponent {
      title = 'json-demo';
      Names: any = namedata;
    }

, затем откройтеapp.component.html вставьте следующий код.

<ul>
  <li *ngFor="let data of Names">
   <div>{{data.Name}}</div>
  </li>
</ul>