MSakamaki/ng-mermaid

AngularJS Mermaid Module

AngularJS mermaid module

mermaid

• Demo page

install

bower install ng-mermaid

include

    <script src="./lib/angular/angular.js"></script>
    <script src="./lib/mermaid/dist/mermaid.full.js"></script>
    <script src="./lib/angular-sanitize/angular-sanitize.js"></script>
    <script src="./lib/ng-mermaid/dist/ngmermaid.js"></script>
    <script>
        'use strict';
        var myApp = angular.module('exampleapp',['ngMermaid']);
    </script>

using

binding case

    <div ng-controller="ctrls">
        <textarea ng-model="mymodel" style="width:100%;" rows="10"></textarea> 
        <ng-mermaid nm-model="mymodel" nm-refreshinterval="1000"></ng-mermaid>
    </div>

tag case

    <div>
        <ng-mermaid>
            graph TD; A-->B; A-->C; B-->D; C-->D;
        </ng-mermaid>
    </div>