This is a module for using Viz.js on AngularJS.
# app.coffeeapp=angular.module("app", ["atVizJs"])
# using provider.app.config(["vizJsProvider", (provider)-># set common option.provider.option(
format:"svg"engine:"dot"
)
# enable language-dot directive.provider.enableLanguageDirective()
])
# using on controller.app.controller("ctrl", ["$scope", "$sce", "vizJs", ($scope, $sce, viz)->$scope.svg=$sce.trustAsHtml(viz.render("digraph { a -> b; }"))
])<!doctype html><htmlng-app="app"><head><scriptsrc="bower_components/viz/index.js"></script><scriptsrc="bower_components/angular/angular.js"></script><scriptsrc="bower_components/angular-viz/angular-viz.js"></script><scriptsrc="app.js"></script></head><body><!-- using on controller. --><divng-controller="ctrl"><divng-bind-html="svg"></div></div><!-- using directive by element. --><dot>
digraph { c -> d; }
</dot><!-- using directive by attribute. --><divdot>
digraph { e -> f; }
</div><!-- using directive by attribute with value. --><divng-init="code='digraph { g -> h; }'" dot="{{code}}"></div><!-- using directive by class "language-dot". --><pre><codeclass="language-dot">
digraph { i -> j; }
</code></pre></body></html>Note: If you want to use the rave.js, please use the ones that adopted this change.