Хотелось бы отображать данные без ngfor или console.log для представления html компонента angular

Question

Я хотел бы отобразить оператор в своем журнале консоли в моем app.component. html, а не в консоли. Это очень простой c вопрос, который я знаю, но каждый пример, который я видел, использует циклы ng и прочее. Я буквально просто хочу научиться отображать объект в представлении, не проходя через него и не делая ненужные другие вещи.

app.component.ts

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


 declare function myMethod(): any;


 @Component({
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.scss']
 })
 export class AppComponent implements OnInit {
 title = 'my-learning-app';

образец. js

ngOnInit() {

myMethod(); // Function call
}

}
 sample.json
 let companies =[
 {
 "name" : "Big Corporation",
 "numberofEmployees" : 1000,
 "ceo" : "Mary",
 "rating": 3.6
 },
 {"name" : "Small Startup",
 "numberofEmployees" : 1000,
 "ceo" : "null",
 "rating" : 4.3
 }
 ]
 function myMethod(){
 console.log(companies[0].name)


 }

app.component. html

   <span>{{ companies }} app is running!</span> 

Answer 1

Вы должны использовать директиву NgiF. {{companies [0] .name}}

отображение данных angular do c

Answer 2

Попробуйте это {{companies [0] ?. name}} в вас html