Si quiero renderizarlo (estos datos json regresan para una empresa)

 { "symbol": "BAC", "companyName": "Bank Of America Corp.", "primaryExchange": "NEW YORK STOCK EXCHANGE, INC.", "calculationPrice": "close", "open": 28.81, "openTime": 1607437801023, "openSource": "official", "close": 28.81, "closeTime": 1607461201852, "closeSource": "official", "high": 29.12, }

Puedo acceder a los datos anteriores como este con manubrios. (Es trabajo !)

 <h4>LatestPrice <span class="badge bg-secondary"> {{stock.open}} </span></h4> <h4>PreviousClose <span class="badge bg-secondary"> {{ stock.close}} </span></h4> <h4>ChangePercent <span class="badge bg-secondary"> {{ stock.closeTime}} </span></h4>

y mi pregunta

Si quiero acceder a propiedades específicas en los datos de objetos anidados a continuación, como si quiero acceder a stock.avgTotalVolume (para AMC Entertainment) , ¿cómo puedo hacer eso con los manillares?

 [ { avgTotalVolume: 96209223, calculationPrice: 'tops', companyName: 'AMC Entertainment Holdings Inc - Class A' } , { avgTotalVolume: 81507563, calculationPrice: 'tops', companyName: 'Apple Inc', } , { avgTotalVolume: 4160539, calculationPrice: 'tops', companyName: 'Helbiz Inc.', } , { avgTotalVolume: 60408227, calculationPrice: 'tops', companyName: 'Ford Motor Co.', } , ]