How to get specific value from json using angular

Ionic Framework Ionic Angular
1

details.page.ts

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-details',
  templateUrl: './details.page.html',
  styleUrls: ['./details.page.scss'],
})
export class DetailsPage implements OnInit {

  item: any[] = [];
  constructor(private route: ActivatedRoute) { }

  ngOnInit() {

    const itemString = this.route.snapshot.paramMap.get('item');
    this.item = JSON.parse(JSON.stringify(itemString));

  }
}

details.page.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button defaultHref="/main"></ion-back-button>
    </ion-buttons>
    <ion-title>
      Details
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-card>
    <ion-card-header>
      <ion-card-title> {{ item }} </ion-card-title>
    </ion-card-header>

      <p>{{ item }}</p>
      <!-- <ion-item *ngIf="let a of item">{{a}}</ion-item> -->
      <!-- <div *ngFor="let result of item"> -->
        <!-- <ion-item *ngFor="let a of item;">
        <p> {{ a.name }} </p>
      </ion-item> -->

      <!-- Add more details as needed -->

    <!-- </ion-card-content> -->
  </ion-card>

result

Screenshot 2024-08-03 135400
Screenshot 2024-08-03 135400554×763 55.5 KB

how to get specific value like value of name and company name

json testing from https://jsonplaceholder.typicode.com/users

thanks

2

You can access a value from JSON like this: item.name