how to compre between two object vertically

ahmed elbarbary

6y811TypeScript

I work on angular 7 I have array of two object json inside app.component.ts

I need to compare between two object but i need to display compare vertically .

this link have json array and sample

code I try as below :

import { Component, OnInit } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
private ldapcaches = [
{ "id": 1, "host": "localhost", "filesize": 73, "fileage": "2018-01-26 09:26:40" },
{ "id": 2, "host": "localhost", "filesize": 21, "fileage": "2018-01-26 09:26:32" },
];
private originalCache = null;
constructor() {
}
ngOnInit() {
for(let cache of this.ldapcaches) {
}
console.log(this.originalCache);
}
}

compare firstitem seconditem

host localhost localhost

filesize 73 21

fileage 2018-01-26 09:26:40 2018-01-26 09:26:32

so I need

How to display expected result vertically with colorized difference with red as above ?

what i write on app.component.html

and what i write on ng oninit ?

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Arvind Kushwaha6y ago
Hi Ahmed, Thank you for questioning again?. I compare with index zero to get the desired results. But you can change your business logic as your are better known.. With above code, I have given you the idea to print the array value vertically. Hope it clears to you.
ahmed elbarbary6y ago
thank you for reply

why you make index 0 to black and else red

red i give to different filesize and fileage

if filesize and fileage to second item equal to first item then

second item will be black also

if filesize and fileage to second item not equal to first item then

second item will be red
Arvind Kushwaha6y ago
Hi Ahmed,

Please could be done to get the desired result.

app.component.ts
export class AppComponent {
  public originalCache = {
    ID: [],
    host: [],
    filesize: [],
    fileage: []
  };

constructor() { }

const ldapcaches = [
      { "id": 1, "host": "localhost", "filesize": 73, "fileage": "2018-01-26 09:26:40" },
      { "id": 2, "host": "localhost", "filesize": 21, "fileage": "2018-01-26 09:26:32" },
    ];

    for (let index = 0; index < ldapcaches.length; index++) {
      const cache = ldapcaches[index];
      this.originalCache.ID.push(cache.id);
      this.originalCache.host.push(cache.host);
      if (index === 0) {
        this.originalCache.filesize.push({ color: 'black' , value: cache.filesize });
        this.originalCache.fileage.push({ color: 'black' , value: cache.fileage });
      } else {
        this.originalCache.filesize.push({ color: 'red' , value: cache.filesize });
        this.originalCache.fileage.push({ color: 'red' , value: cache.fileage });
      }
    }
}
app.component.html
      "let id of originalCache.ID">{{id}}






      "let host of originalCache.host">{{host}}






      "file.color" *ngFor="let file of originalCache.filesize">{{file.value}}






      "fileage.color"  *ngFor="let fileage of originalCache.fileage">{{fileage.value}}




Compare First Item Second Item
ID
host
file
filesize

Hope it helps you

Compare	First Item	Second Item
ID
host
file
filesize