代码之家 › 专栏 › 技术社区 › G B

如何在Ionic中打印JSON中的数据

ionic3 getjson angular javascript

G B · 技术社区 · 8 年前

[    {
      "teachers": [
          {
            "img":"assets/inst/J.png",
            "name":"Janine ",
            "bio":"lorem"
          },{
            "img":"assets/insta/I.png",
            "name":"Itzhak",
            "bio":"lorem"
          }
      ]
    }
]

    homeds: Home[];
  constructor( public dataService: DataProvider) {
    this.dataService.fetchData().subscribe(
           (data) => {
             this.homeds = data}  
         )
  }

最后,我的模板文件是

<ion-row class="home" *ngFor="let home of homeds">
 <img src="{{ home.teachers?.img }}" alt="">
</ion-row>

1 回复 | 直到 8 年前

Sajeetharan 8 年前

你应该嵌套 ngFor

<ion-row class="home" *ngFor="let home of homeds">
 <div   *ngFor="let homeobj of home.teachers ">
   <img src="{{ homeobj?.img }}" alt="">
  </div>
</ion-row>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前