Este proyecto consiste en un ejemplo de aplicación de ng-katex, librería para representar ecuación de Latex en HTML.
El primer paso es instalar ng-katex en tu proyecto. Pare ello escribe el siguiente comando:
npm install ng-katex --save
Una vez realizado, en el componente puedes escribir la siguiente variable en el fichero .ts mathequations = ['H = \\ sum_ {i = 1} ^ {m} p_ {i} log_ {2} (p_ {i})']
Y el siguiente elemnto en la vista .HTML: <ng-katex [equation] ="mathequations[0]"> </ng-katex>
Ahora lo que tendremos que hacer es modificar el fichero index.html y añadir la siguiente linea de código: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.11.0/katex.min.css">
Para terminar, añadimos el modulo en el fichero app.module.ts@NgModule({
declarations: [
AppComponent
],
imports: [
KatexModule
],
providers: [],
bootstrap: [AppComponent],
})
El resultado es: