Question

这只是为了解释，我在我的应用程序中有一个侧面菜单，当我点击第一个选项（＆＃34; Carne＆＃34;）时，它会打开另一个页面，该页面应该显示{{1}的所有食谱}。

我的问题是我无法显示食谱，当我使用type: "Carne"显示食谱的详细信息时，页面仍为空。

HTML：

ngFor

JSON：

<ion-header>

  <ion-navbar >
    <ion-title >{{tipo.tipo}}</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>

<ion-card >
  <ion-card-content *ngFor="let receta of recetas">
    <p>{{receta.Nombre}}</p>
  </ion-card-content>


</ion-card>

</ion-content>

.TS：

"data": [
        {
            "tipo":"Carne",
            "recetas":[
                {
                    "Nombre":"Big Mac.",
                    "Complejidad": "1",
                 ...
                }
            ]
        }

Answer 1

我有解决方案。我刚才没有在app.component.ts

中声明推送

我有这个：

openPage(page) {
    // Reset the content nav to have just this page
    // we wouldn't want the back button to show in this scenario
    this.nav.push(ListaPage, page);
  }

我必须这样做：

 openPage(page) {
    // Reset the content nav to have just this page
    // we wouldn't want the back button to show in this scenario
    this.nav.push(ListaPage, page.tipo);
  }

如何用json中的离子2在我的html中显示这些数据？

1 个答案: