2016-12-10 2 views
0

Вот мой JSON:отображения данных в формате JSON angular2

groups=[ 
    { 
    ["red pencil","blue pencil","yellow pencil"] 
    }, 
    { 
    ["big rubber","small rubber"] 
    }, 
]; 

Как можно отобразить данные JSON в угловом 2 с использованием машинопись.

+0

https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html – ranakrunal9

+1

Этот json недействителен. Проверь это. –

+0

@AlexKojin Я знаю, что у него нет никакого ключевого значения. Но именно так мне нужны данные в json. Не могли бы вы рассказать мне, что не так с этими данными? –

ответ

0
{{groups | json}} 

или

<div *ngFor="let g of groups"> 
    <div>Group:</div> 
    <div *ngFor="let i of g">{{i}}</div> 
</div> 
+1

, добавив к этому, вы также можете обернуть с помощью pre-тегов, чтобы сделать его более приятным.

{{groups | json}}
Thibs

0

JSON похож на путь в JavaScript написания массивов и объектов, с некоторыми ограничениями. Все имена свойств должны быть окружены двойными кавычками , и допускаются только простые выражения данных - нет вызовы функций, переменные или что-либо, что связано с фактическим вычислением . Комментарии не разрешены в JSON.

если ваш JSON действительно, вы могли бы использовать JSON.parse чтобы преобразовать его в JS объект и использовать *ngFor для обхода или {{ data | json }}, чтобы отобразить его.

Смежные вопросы