Блог

Главная - Вопросы по программированию - Angular 6 возвращает результат JSON в формате HTML шаблона

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

#json #angular #httpresponse

#json #angular #httpresponse

Вопрос:

Возможно ли вернуть результат 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() {
  }
}

Алекс

Комментарии:

1. Например ..??

2. Спасибо, но все еще не ясно, о чем вы спрашиваете! Вы хотите вернуть JSON? как {"key" : "value"} etc или HTML как <div>This is HTML content</div> .

3. и что вы подразумеваете под возвратом? Из функции? из API?

4. Вам нужно четко представлять, что вы хотите вернуть, откуда (API, функция, ввод и т.д…..), Чтобы мы могли вам помочь

5. Еще раз спасибо, я тоже обновил. Я просто хочу создать макет сервера, чтобы возвращать некоторый простой результат JSON.

Ответ №1:

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

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

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

обзор localhost:4200/search.html
наслаждайтесь 🙂

Интересная часть возникает, когда вы пытаетесь каким-то образом сгенерировать этот json без участия браузера — например, какой-то автоматический сервис отправляет запрос на некоторую конечную точку angular, например: hosname / statistics, и в ответ он получает json, который зависит от количества картинок и заголовков в этом текущем hosname, например {siteName: ‘test’, картинок: 10, заголовков: 1}.