Soy principiante en Mermaid y estoy tratando de usar Mermaid en mi proyecto angular. Lo agrego en mi html y funciona.
<script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/9.0.1/mermaid.min.js"></script> <div class="mermaid" id="mermaidHTML"> stateDiagram-v2 [*] --> Still Still --> [*] Still --> Moving Moving --> Still Moving --> Crash Crash --> [*] </div> pero ahora quiero editar o crear un nuevo archivo Sirena en .ts y mostrarlo en mi navegador y no sé cómo hacerlo. .innerHTML e .innerText para editar el texto de Mermaid, pero no funcionó.
Arreglé esto creando una función para crear el gráfico de sirena en lugar de editar el anterior. Agrego esto a mi archivo .ts.
stringFlowChart: any = []; createFlowchart() { this.flowChart = [ "stateDiagram-v2 [*] --> still still --> [test]", "stateDiagram-v2 [*] --> still still --> [*]", "stateDiagram-v2 [*] --> still" ]; //or use a loop this.stringFlowChart[0] = this.flowChart[0]; this.stringFlowChart[1] = this.flowChart[1]; this.stringFlowChart[2] = this.flowChart[2]; }y en mi código html, agregué esto:
<div style="margin-top: 50px"> <div *ngFor="let flow of stringFlowChart; let i = index"> index is:{{i}} <div class="mermaid"> {{ flow }} </div> </div> </div>de esta manera, agregué una serie de gráficos de sirenas