时间戳

首页 > 解决方案 > 如何使用 json ng build angular 以便在 ng build 之后，可以手动替换 json 值以显示不同的结果？

json - 如何使用 json ng build angular 以便在 ng build 之后，可以手动替换 json 值以显示不同的结果？

问题描述

如果不可能，是否可以替代 ng build？问题在于构建 json 值嵌入在 main.js 中，使得以后无法更改 json 值。我想使用 Angular 创建一个带有 json 文件格式的 HTML 报告，可以离线查看。所以后来当我想改变值时，我只需要改变 json 文件中的值。

标签： jsonangularoffline

解决方案

一种方法是将您的 JSON 存储在assets文件夹中，然后使用 HTTP GET 获取它。然后，在部署您的应用程序时，您可以简单地将 JSON 文件换成另一个文件。

存储 json - assets/test.json：

{
  "message": "hello"
}

通过以下方式获取 JSON HttpClient：

@Component({
  selector: 'my-app',
  templateUrl: './my-app.component.html'
})
export class MyAppComponent implements OnInit {

  constructor(private http: HttpClient) {
  }

  ngOnInit() {
    this.http.get('/assets/test.json').subscribe(resp => {
        alert(resp['message']);
    });
  }
}

这是一个展示这一点的堆栈闪电战。

推荐阅读