Как использовать JSON данные в Angular

Question

Я новичок в angular. Я хочу преобразовать этот массив в JSON данные и использовать его в своем компоненте. Я попытался использовать некоторые методы, упомянутые в stackoverflow, но они не сработали для меня.

projects = [
        {
            name: 'Project1',
            day1: 4.22,
            day2: 3.56,
            day3: 3,
            day4: 1,
            day5: 7.8,
        },
        {
            name: 'Project2',
            day1: 1,
            day2: 5,
            day3: 2.5,
            day4: 4,
            day5: 1.9,
        },
        {
            name: 'Project3',
            day1: 6.78,
            day2: 2.55,
            day3: 4,
            day4: 3,
            day5: 1,
        },
    ]

Answer 1

Json массивы уже javascript массивы. Вы можете просто создать свойство в компоненте angular и использовать его в шаблоне, возможно, с *ngFor, поскольку в данном случае это массив.

Ваш компонент:

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  projects = [
    { name: 'Project1', day1: 4.22, day2: 3.56, day3: 3, day4: 1, day5: 7.8, },
    { name: 'Project2', day1: 1, day2: 5, day3: 2.5, day4: 4, day5: 1.9, },
    { name: 'Project3', day1: 6.78, day2: 2.55, day3: 4, day4: 3, day5: 1, }
    ];
}

Ваш шаблон:

<p *ngFor="let project of projects">
    {{ project.name }} | {{project.day1}} | {{project.day2}} | {{project.day2}}
</p>

Angular фрагмент

Answer 2

Если вы хотите просто манипулировать / использовать массив как объект, вам не нужно конвертировать или сохранять в JSON. Вы можете получить к нему доступ и использовать его просто как следующее в вашем компоненте:

const projects = [
        {
            name: 'Project1',
            day1: 4.22,
            day2: 3.56,
            day3: 3,
            day4: 1,
            day5: 7.8,
        },
        {
            name: 'Project2',
            day1: 1,
            day2: 5,
            day3: 2.5,
            day4: 4,
            day5: 1.9,
        },
        {
            name: 'Project3',
            day1: 6.78,
            day2: 2.55,
            day3: 4,
            day4: 3,
            day5: 1,
        },
    ]

 projects.map(p => console.log('Current project: ', p.name));

Answer 3

Что вы на самом деле хотите ??? Если вы хотите привести его в соответствие, попробуйте вот так ..... var myJsonString = JSON.stringify(yourArray);