Hola 👋🏻, precisamente con @if y @else se puede prescindir del uso de ng-template. Sin embargo la forma correcta de como abordar mucho código condicional en el @else sería de esta forma: <span style="color: #89ddff;font-style: italic;">@if</span> (<span style="color: #ff9cac;">condition</span>) <span style="color: #89ddff;">{</span> <span style="color: #89ddff;"><</span><span style="color: #f07178;">p</span><span style="color: #89ddff;">></span>Esto se muestra si la condición es verdadera.<span style="color: #89ddff;"></</span><span style="color: #f07178;">p</span><span style="color: #89ddff;">></span> <span style="color: #89ddff;">}</span> <span style="color: #89ddff;font-style: italic;">@else</span> <span style="color: #89ddff;">{</span> <font color="#eeffff" face="Cascadia Code, Consolas, Courier New, monospace, Consolas, Courier New, monospace"><span style="white-space: pre;"> </span></font><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;"><</span><span style="color: rgb(240, 113, 120); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;">ng-container</span><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;"> *</span><span style="color: rgb(255, 203, 107); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;">ngTemplateOutlet</span><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;">="</span><font color="#eeffff" face="Cascadia Code, Consolas, Courier New, monospace, Consolas, Courier New, monospace"><span style="white-space: pre;">myTmpl</span></font><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;">" </span><font color="#89ddff" face="Cascadia Code, Consolas, Courier New, monospace, Consolas, Courier New, monospace"><span style="white-space: pre;">/</span></font><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre; font-size: 0.875rem;">></span> <span style="color: #89ddff;">}</span>
<span style="color: #89ddff;"><</span><span style="color: #f07178;">ng-template</span><span style="color: #89ddff;"> </span><span style="color: #c792ea;">#myTmpl</span><span style="color: #89ddff;">></span> <span style="color: #89ddff;"><</span><span style="color: #f07178;">p</span><span style="color: #89ddff;">></span>Esto se muestra si la condición es falsa (a través de ng-template).<span style="color: #89ddff;"></</span><span style="color: #f07178;">p</span><span style="color: #89ddff;">></span> <span style="color: #89ddff;"></</span><span style="color: #f07178;">ng-template</span><span style="color: #89ddff;">></span>
<span style="color: rgb(198, 205, 210);">Hola 👋🏻, no sé que pasó en el formato anterior. Pero te adjunto una solución con la nueva sintaxis:
</span>
Hola 👋🏻, precisamente con @if y @else se puede prescindir del uso de ng-template. Sin embargo la forma correcta de como abordar mucho código condicional en el @else sería de esta forma: <span style="color: #89ddff;font-style: italic;">@if</span> (<span style="color: #ff9cac;">condition</span>) <span style="color: #89ddff;">{</span> <span style="color: #89ddff;"><</span><span style="color: #f07178;">p</span><span style="color: #89ddff;">></span>Esto se muestra si la condición es verdadera.<span style="color: #89ddff;"></</span><span style="color: #f07178;">p</span><span style="color: #89ddff;">></span> <span style="color: #89ddff;">}</span> <span style="color: #89ddff;font-style: italic;">@else</span> <span style="color: #89ddff;">{</span> <font color="#eeffff" face="Cascadia Code, Consolas, Courier New, monospace, Consolas, Courier New, monospace"><span style="white-space: pre;"> </span></font><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;"><</span><span style="color: rgb(240, 113, 120); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;">ng-container</span><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;"> *</span><span style="color: rgb(255, 203, 107); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;">ngTemplateOutlet</span><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;">="</span><font color="#eeffff" face="Cascadia Code, Consolas, Courier New, monospace, Consolas, Courier New, monospace"><span style="white-space: pre;">myTmpl</span></font><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;">" </span><font color="#89ddff" face="Cascadia Code, Consolas, Courier New, monospace, Consolas, Courier New, monospace"><span style="white-space: pre;">/</span></font><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre; font-size: 0.875rem;">></span> <span style="color: #89ddff;">}</span>
<span style="color: #89ddff;"><</span><span style="color: #f07178;">ng-template</span><span style="color: #89ddff;"> </span><span style="color: #c792ea;">#myTmpl</span><span style="color: #89ddff;">></span> <span style="color: #89ddff;"><</span><span style="color: #f07178;">p</span><span style="color: #89ddff;">></span>Esto se muestra si la condición es falsa (a través de ng-template).<span style="color: #89ddff;"></</span><span style="color: #f07178;">p</span><span style="color: #89ddff;">></span> <span style="color: #89ddff;"></</span><span style="color: #f07178;">ng-template</span><span style="color: #89ddff;">></span>
<span style="color: rgb(198, 205, 210);">Hola 👋🏻, no sé que pasó en el formato anterior. Pero te adjunto una solución con la nueva sintaxis:
</span>
Hola 👋🏻, precisamente con @if y @else se puede prescindir del uso de ng-template. Sin embargo la forma correcta de como abordar mucho código condicional en el @else sería de esta forma: <span style="color: #89ddff;font-style: italic;">@if</span> (<span style="color: #ff9cac;">condition</span>) <span style="color: #89ddff;">{</span> <span style="color: #89ddff;"><</span><span style="color: #f07178;">p</span><span style="color: #89ddff;">></span>Esto se muestra si la condición es verdadera.<span style="color: #89ddff;"></</span><span style="color: #f07178;">p</span><span style="color: #89ddff;">></span> <span style="color: #89ddff;">}</span> <span style="color: #89ddff;font-style: italic;">@else</span> <span style="color: #89ddff;">{</span> <font color="#eeffff" face="Cascadia Code, Consolas, Courier New, monospace, Consolas, Courier New, monospace"><span style="white-space: pre;"> </span></font><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;"><</span><span style="color: rgb(240, 113, 120); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;">ng-container</span><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;"> *</span><span style="color: rgb(255, 203, 107); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;">ngTemplateOutlet</span><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;">="</span><font color="#eeffff" face="Cascadia Code, Consolas, Courier New, monospace, Consolas, Courier New, monospace"><span style="white-space: pre;">myTmpl</span></font><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre;">" </span><font color="#89ddff" face="Cascadia Code, Consolas, Courier New, monospace, Consolas, Courier New, monospace"><span style="white-space: pre;">/</span></font><span style="color: rgb(137, 221, 255); font-family: "Cascadia Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace; white-space: pre; font-size: 0.875rem;">></span> <span style="color: #89ddff;">}</span>
<span style="color: #89ddff;"><</span><span style="color: #f07178;">ng-template</span><span style="color: #89ddff;"> </span><span style="color: #c792ea;">#myTmpl</span><span style="color: #89ddff;">></span> <span style="color: #89ddff;"><</span><span style="color: #f07178;">p</span><span style="color: #89ddff;">></span>Esto se muestra si la condición es falsa (a través de ng-template).<span style="color: #89ddff;"></</span><span style="color: #f07178;">p</span><span style="color: #89ddff;">></span> <span style="color: #89ddff;"></</span><span style="color: #f07178;">ng-template</span><span style="color: #89ddff;">></span>
<span style="color: rgb(198, 205, 210);">Hola 👋🏻, no sé que pasó en el formato anterior. Pero te adjunto una solución con la nueva sintaxis:
</span>