Covert json data to yaml and display it in HTML Angular 10

Question

I have json data like

{
  id: number;
  type: string;
  reason: string;
  messge: string;
  object_one: {host: string, name: string};
  timeStamp: string;
  c