Angular 6 возвращает JSON результат intead HTML-шаблона - PullRequest
Новая
       19

Angular 6 возвращает JSON результат intead HTML-шаблона

0 голосов
/ 25 апреля 2019

Можно ли вернуть результат JSON из Angular вместо HTML-шаблона, потому что мы хотим построить что-то похожее на API-сервер?Спасибо.

Вот пример, который возвращает шаблон HTML, как мы можем просто вернуть JSON без использования шаблона?

То, что я хочу вернуть, это просто простой результат json вместо HTML. 

{"ID" : "1", "Name" : "Apple"}

Вот код. 

import { Component, OnInit, Input } from '@angular/core';
@Component({
  selector: 'app-noresultsfound',
  templateUrl: './noresultsfound.component.html',
  styleUrls: ['./noresultsfound.component.css']
})
export class NoresultsfoundComponent implements OnInit {

  @Input() txtval: string;

  constructor(private app: AppConstants) { }

  noresultsfound = this.app.noresultsfound;

  ngOnInit() {
  }
}

Alex

1 Ответ

1 голос
/ 04 июля 2019

Я думаю, он имел в виду, что чистый JSON должен быть возвращен тому, кто когда-либо запрашивал его по запросу конечной точки. По крайней мере, я столкнулся с чем-то вроде этого. Для статического JSON я нашел ответ: https://github.com/angular/angular-cli/issues/5029

Комментарий разработчика 6 июля 2018 1. ng-build с вашим index.html, правильно установленным с его компонентами. (или условные компоненты приложения) 2. переименуйте и скопируйте визуализированный файл (например) в /src/search.html 3. в angular.json (angular-cli.json для pre v5) найдите «assets»: 

"assets": [
"src/favicon.ico",
"src/search.html",
"src/assets"
],

просмотрите localhost: 4200 / search.html наслаждайся:)

Интересная часть возникает, когда вы пытаетесь каким-то образом сгенерировать этот json, при этом браузер не задействован - как, например, некоторая автоматическая служба отправляет запрос к некоторой угловой конечной точке, например: имя хоста / статистика, и в ответ получает json, который зависит от числа. изображений и заголовков этого текущего имени хоста, например {siteName: 'test', изображений: 10, заголовков: 1}.

...