从Observable获取元素(Json对象)

时间:2017-07-27 20:07:43

标签: html angularjs json ionic2 observable

我有一个Http请求,它给我以下Json保存在一个可观察的

#include<stdio.h>

int main()

{
    int a, b, c;

    printf("enter two no. : ");
    scanf("%d%d", &a, &b);

    c = (a - ~b - 1);
    printf("%d\n", c);

    return 0;
}

并使用以下代码保存observable

{
"proyecto":{
    "nombre": "Mercado de Ideas",
    "tecnologias": [
        {
            "nombre": ".NET",
            "icono": "http://getsetwebsite.com/wp-content/uploads/2016/07/net.png"
        },
        {
            "nombre": "Angular",
            "icono": "http://fourcast.io/wp-content/uploads/2016/10/angular.png"
        }
    ],
    "tiempo_restante": 80,
    "alcance_restante": 90,
    "recursos_devengados": 22
}
}

如何获取参数,例如html中的“nombre”或“tiempo_restante”?并获得类似的东西

enter image description here

1 个答案:

答案 0 :(得分:0)

您必须订阅observable以便从中接收数据

this.kpis.getUserDetails(this.projectID).subscribe(
   (data) => this.project = data
);

<强> HTML

{{project?.proyecto?.tiempo_restante}}
{{project?.proyecto?.nombre}}

另外,您可以通过在HTML上使用async管道来隐式订阅observable。

<div *ngFor="let item in (project | async)?.proyecto.tecnologias">
   {{item.nombre}}
   {{item.icono}}
</div>