Angular 6 return JSON 结果而不是 HTML 模板

Question

是否有可能 return JSON 来自 Angular 而不是 HTML 模板，因为我们想要构建类似于 API 的东西-服务器？谢谢。

这里是returnHTML模板的例子，不使用模板怎么能直接returnJSON呢？

我想要的 return 只是一个简单的 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() {
  }
}

亚历克斯

Answer 1

我认为，他的意思是应该将纯 JSON 返回给通过端点请求请求它的人。至少我遇到过这样的事情。对于静态 json，我找到了答案：https://github.com/angular/angular-cli/issues/5029

bresleveloper 于 2018 年 7 月 6 日发表评论 1. ng-build 及其组件正确设置 index.html。（或有条件的app-components） 2.重命名并复制渲染到（例如）/src/search.html 3. 在 angular.json（angular-cli.json for pre v5）中找到 "assets":

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

浏览localhost:4200/search.html 享受 :)

当你尝试以某种方式生成那个 json 时，有趣的部分出现了，没有涉及浏览器 - 就像一些自动服务向一些 angular 端点发送请求，比如：hosname/statistics作为响应，它收到一个 json，这取决于图片的数量和当前主机名上的 headers，例如 {siteName: 'test', pictures: 10, headers: 1 }.

Angular 6 return JSON 结果而不是 HTML 模板

Angular 6 return JSON result intead of HTML template

json

httpresponse

angular