Skip to content

A working example of how to integrate the graph layout tool [mermaid](https://github.com/knsv/mermaid) with Angular.js

Notifications You must be signed in to change notification settings

kmader/angular-mermaid-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

angular-mermaid-js

A working example of how to integrate the graph layout tool mermaid with Angular.js. The important areas to consider are

  1. Usage of sanitize on the mermaid object before rendering it on the page
var gs = "graph TD; " + $scope.graphScript
return $sce.trustAsHtml(gs);
  1. Reinitializing the mermaid engine after updating the graph
setTimeout(function(){mermaid.init();},1000)

Live Demo

The index.html is the code for the live demo which can be seen here: http://kmader.github.io/angular-mermaid-js/

About

A working example of how to integrate the graph layout tool [mermaid](https://github.com/knsv/mermaid) with Angular.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages