https://github.com/atomita/angular-sequence-diagram

https://github.com/atomita/angular-sequence-diagram

Last synced: 11 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/atomita/angular-sequence-diagram
• Owner: atomita
• License: mit
• Created: 2014-12-15T10:18:23.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-10-26T06:30:06.000Z (about 9 years ago)
• Last Synced: 2024-10-10T17:37:16.538Z (26 days ago)
• Language: CoffeeScript
• Size: 188 KB
• Stars: 13
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Angular Sequence Diagram

================

This is a module for using [js-sequence-diagrams](http://bramp.github.io/js-sequence-diagrams/) on AngularJS.

## example

```js

// app.js

var app = angular.module("app", ["atSequenceDiagram"]);

// using provider.

app.config(["sequenceDiagramProvider", "$sceProvider", function(sequenceProvider, $sceProvider){

	// set common option.

	sequenceProvider.option({theme: "hand"});

	// enable language-sequence directive.

	sequenceProvider.enableLanguageDirective();

}]);

// using on controller.

app.controller("ctrl", ["$scope", "sequenceDiagram", "$sce", function($scope, sequence, $sce){

	$scope.svg = $sce.trustAsHtml(sequence.render("A->B: Does something"));

}])

```

```html

	

		

		

		

		

		

		

	

	

		

		


			


		


		

		

			A->B: E

			A->B: Does something

		

		

		


			A->B: A

		


		

		


		


		

		


			A->B: C

			A->B: Does something

		

	


```