2016-07-28 20 views
0

ich einige json laden:Laden einige JSON-Objekte

[{ 
     "id": "0a4bf3b5bb5f47ece9284052389ae02f6c9dba989ca34086a30e049ee3d8eb47", 
     "name": "Celery", 
     "status": "Offline", 
     "servicecontrolled": true 
}, 
{ 
     "id": "ec9471ec001c10b9fa286e1f52e39c5dc9485a7c2cfbf55145c26242bb98ec4d", 
     "name": "Nginx", 
     "status": "Online", 
     "servicecontrolled": false 
}] 

und zeigen servicecontrolled in html:

<td> 
    <span>{{ service_rec.servicecontrolled }}</span> 
</td> 

Wie nur "servicecontrolled": true in HTML-Code zeigen?

+0

zeigen können, können Sie bitte posten Arbeits den vollständigen Code – rashfmnb

Antwort

2

Edit:

Nun, da die Frage präziser ist, was Sie tun können, ist:

<td> 
    <span *ngIf="!!service_rec.servicecontrolled">"servicecontrolled": {{ service_rec.servicecontrolled | json }}</span> 
</td> 

Alte Antwort (haben Sie „true“ oder „false“ angezeigt werden wollte Was:)

<td> 
    <span>"servicecontrolled": {{ service_rec.servicecontrolled | json }}</span> 
</td> 

Scheint wie ein Trick, b ut sehr einfach ...

Oder Sie könnten eine boolesche Pipe schreiben, die boolean in string formatieren würde (siehe https://angular.io/docs/ts/latest/guide/pipes.html).

Etwas wie:

import { Pipe, PipeTransform } from '@angular/core'; 

@Pipe({name: 'booleantostring'}) 
export class BooleanToStringPipe implements PipeTransform { 
    transform(value: boolean): string { 
    return (!!value) ? 'true' : 'false'; 
    } 
} 

dann, in Ihrem HTML (mit dem Rohr in dem pipes Schlüssel des @component Dekorateur geladen):

<td> 
    <span>"servicecontrolled": {{ service_rec.servicecontrolled | booleantostring }}</span> 
</td> 
+0

seine nicht :( –

+0

Könnten Sie expliziter sein, was falsch ist –

+0

alles? auch bleibt, true und false zeigen, aber ich würde nur wahre Werte sehen –

1

Ihre JSON syntaktisch nicht korrekt sind. Es sollte wie folgt aussehen:

[ 
    { 
     "id": "0a4bf3b5bb5f47ece9284052389ae02f6c9dba989ca34086a30e049ee3d8eb47", 
     "name": "Celery", 
     "status": "Offline", 
     "servicecontrolled": true 
    }, 
    { 
     "id": "ec9471ec001c10b9fa286e1f52e39c5dc9485a7c2cfbf55145c26242bb98ec4d", 
     "name": "Nginx", 
     "status": "Online", 
     "servicecontrolled": false 
    } 
] 

Dann Sie es mit

<div *ngFor='let value of values' *ngIf='value.servicecontrolled'> 
    {{ value.name }} 
</div> 
+0

ja, ich weiß, weil ich nur einen Teil von meinem Code, aber nicht voll –

+1

@EduardArevshatyan Sie möchten vielleicht Ihre Frage dann –

+0

beheben Ich denke, ich weiß, was Sie suchen. Sieh dir meinen Schnitt an. – Christoph

Verwandte Themen