Te recomendamos que revises esta solución en un entorno controlado antes de pasarlo a producción, un saludo.
Solución:
Ambos se utilizan actualmente (2.x, 4.x) para agrupar elementos sin tener que introducir otro elemento que se representará en la página (como div o span).
template, sin embargo, requiere una sintaxis desagradable. Por ejemplo,
...
se convertiría
...
Puedes usar ng-container en cambio, ya que sigue el buen * sintaxis que espera y con la que probablemente ya esté familiarizado.
...
Puede encontrar más detalles leyendo esta discusión en GitHub.
Tenga en cuenta que en 4.x está en desuso y se cambia a
Utilizar
*ngIfo*ngForo si desea envolver más de un elemento dentro de dicha directiva estructural;ngForTemplate,ngTemplateOutletocreateEmbeddedView().
ng-template se utiliza para la directiva estructural como ng-if, ng-for y ng-switch. Si lo usa sin la directiva estructural, no pasa nada y se renderizará.
ng-container se usa cuando no tiene un envoltorio o contenedor principal adecuado. En la mayoría de los casos, estamos usando div o span como un contenedor, pero en esos casos cuando queremos usar múltiples directivas estructurales. Pero no podemos usar más de una directiva estructural en un elemento, en ese caso, ng-container se puede usar como contenedor
plantilla ng
los
Ejemplo:
hero.name
Angular traduce el * ngIf attribute en un
hero.name
contenedor ng
Utilícelo como elemento de agrupación cuando no haya un elemento anfitrión adecuado.
Ejemplo:
Pick your favorite hero
()
Esto no funcionará. Porque algunos elementos HTML requieren que todos los elementos secundarios inmediatos sean de un tipo específico. por ejemplo, el elemento requiere niños. No puede envolver las opciones en un condicional o un .
Prueba esto :
Pick your favorite hero
()
Esto funcionará.
Más información: Directiva Estructural Angular
Aquí puedes ver las reseñas y valoraciones de los usuarios
Recuerda que puedes mostrar este escrito si te fue de ayuda.