Tengo un proyecto angular en el que estoy trabajando en el que intento almacenar un objeto que se está completando desde un servidor en un atributo de datos HTML. Este objeto se parece a esto:

 {"decimalPlaces": "2", "soft": "false"}

He visto otras soluciones en el desbordamiento de pila, pero usan jquery y no puedo usar eso aquí. Lo que me gustaría poder hacer es alimentar todo el objeto a un atributo de datos HTML en lugar de tener un atributo de datos para cada propiedad en este objeto. Me gustaría que se pareciera a la siguiente línea y luego poder extraer datos precisos según sea necesario del archivo angular component.ts:

 data-everything="allData"

Y NO así

 data-decimals="allData.decimalPlaces" data-soft="allData.soft"

es posible? También probé JSON.stringify como se sugiere en otras soluciones, además de console.dir para ver si podía extraer algún dato de este "allData", pero ninguno ayudó.