ngx-structure-diagram

angular版层次图

Usage no npm install needed!

<script type="module">
  import ngxStructureDiagram from 'https://cdn.skypack.dev/ngx-structure-diagram';
</script>

README

ngx-structure-diagram

安装

npm install ngx-structure-diagram --save 或 yarn add ngx-structure-diagram

引入StructureDiagramModule

使用时只需要引用StructureDiagramModule，使用传入相应参数 @Input() data: Array = [];

@Input() animatedCls = 'animated fadeIn';

@Input() selectedCls = 'c-structure-diagram-node-name-selected';

@Input() searchCls = 'c-structure-diagram-node-name-search';

@Input() structureDiagramCls = '';

@Input() selectionMode: string = SelectionMode.DEFAULT;

@Output() nodeClicked: EventEmitter = new EventEmitter();

@Output() nodeSingleSelected: EventEmitter = new EventEmitter();

@Output() nodeMultipleselected: EventEmitter = new EventEmitter();