Tengo un objeto en mi archivo .ts que consta de una docena de miembros de datos. Ahora, para representarlos en mi html en diferentes lugares para todos los miembros diferentes, ¿debo hacer referencia directamente desde el objeto?
.html
<p>{{obj.m1}}</p> <p>{{obj.m2}}</p>O, defino cada variable en el archivo .ts de manera diferente - .ts
m1 : string = obj.m1; m2 : string = obj.m2;.html
<p>{{m1}}</p> <p>{{m2}}</p>No estoy seguro de si hace una diferencia.
¡Gracias!
Está perfectamente bien hacer referencia a una propiedad de objeto (y sus miembros) de un componente de una plantilla.
Para hacer eso, la propiedad del objeto debe ser pública (el valor predeterminado).
Una buena práctica podría ser también usar el operador de navegación segura (?) para evitar cualquier valor nulo o indefinido en el miembro del objeto.
<p>The item name is: {{item?.name}}</p>Si el elemento es nulo, la vista aún se representa pero el valor mostrado está en blanco; solo ve "El nombre del elemento es:" sin nada después.