【问题标题】:Angular 2 Consuming JSONAngular 2 消费 JSON
【发布时间】:2018-04-28 09:21:41
【问题描述】:

我正在学习 Angular 2 并寻找可以帮助使用 JSON 并在 UI 上显示它的代码。请给我一段代码,我可以用它来使用 JSON 并在 UI 上显示它。

提前致谢!

【问题讨论】:

  • 你尝试了什么?给我们看一些代码。向我们展示您要显示的 json 文件。 o 您从服务调用中收到 json 文件还是已经在本地?
  • 只需按照 Angular 网站上的 The Hero 教程,它将为您提供最佳指导。

标签: html json angular


【解决方案1】:

如果你想显示你的数组对象...

打字稿:

new1 = any[] = [{name:'Name1'},{name:'Name2'}];

那么你应该在 Angular 2 中使用 *ngFor

<ul><li *ngFor="let employee of new1">{{employee.name}}</li></ul>

你会得到这样的结果

姓名1

名字2

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-27
    • 2016-03-22
    • 1970-01-01
    • 1970-01-01
    • 2017-09-29
    • 2019-04-19
    相关资源
    最近更新 更多