Página de códigos de prueba
<Pestañas de código>
No hay listas de linenums a nivel de etiquetas de código
class {
foo(param: string) {}
}
<h1>Heading</h1>
{ "key": "value" }
linenums=true at code-tabs level
class {
foo(param: string) {}
}
<h1>Heading</h1>
{ "key": "value" }
Sin linenums a nivel de etiquetas de código; linenums = verdadero para el segundo panel HTML
class {
foo(param: string) {}
}
<h1>Heading</h1>
{ "key": "value" }
<code-example>
Una línea.
const foo = 'bar'
Multi-línea, linenums=true.
<hero-details nghost-pmm-5>
<h2 ngcontent-pmm-5>Bah Dah Bing</h2>
<hero-team ngcontent-pmm-5 nghost-pmm-6>
<h3 _ngcontent-pmm-6>Headless Team</h3>
</hero-team>
</hero-details>
linenums por defecto (false).
<hero-details nghost-pmm-5>
<h2 ngcontent-pmm-5>Mister Fantastic</h2>
<hero-team ngcontent-pmm-5 nghost-pmm-6>
<h3 _ngcontent-pmm-6>Headless Team</h3>
</hero-team>
</hero-details>
Encabezado en este.
<hero-details nghost-pmm-5>
<h2 ngcontent-pmm-5>Mister Fantastic</h2>
<hero-team ngcontent-pmm-5 nghost-pmm-6>
<h3 _ngcontent-pmm-6>Winning Team</h3>
</hero-team>
</hero-details>
Un encabezado "evitar" en este.
<hero-details nghost-pmm-5>
<h2 ngcontent-pmm-5>Señor fantástico</h2>
<hero-team ngcontent-pmm-5 nghost-pmm-6>
<h3 _ngcontent-pmm-6>Equipo Perdedor</h3>
</hero-team>
</hero-details>
## Bloques de código con tilde atrás
```html
Señor fantástico
Equipo perdedor
```
<ejemplo en vivo>
Ejemplo simple en vivo
Prueba esto .
ejemplo en vivo con título atty
ejemplo en vivo con el cuerpo del título
Prueba este gran ejemplo
ejemplo en vivo con nombre
ejemplo en vivo con nombre espacial y stackblitz
ejemplo en vivo con nombre y stackblitz pero sin descarga
ejemplo en vivo incrustado con nombre y stackblitz
Sigue más texto ...
Widgets de introducción
Interpolación
Property Binding
Event Binding
NgIf
NgFor