NodeDirective API in Angular Diagram API component

Nodes Directive

<e-nodes>
<e-node></e-node>
</e-nodes>

Properties

addInfo

any

Allows the user to save custom information/data about a node/connector

Defaults to undefined

annotations

any

Defines the collection of textual annotations of nodes/connectors

Defaults to undefined

backgroundColor

any

Sets the background color of the shape

Defaults to ‘transparent’

borderColor

any

Sets the border color of the node

Defaults to ‘none’

borderWidth

any

Sets the border width of the node

Defaults to 0

branch

any

Set the branch for the mind map

Defaults to ”

children

any

Defines the children of group element

Defaults to undefined

collapseIcon

any

Defines the collapsed state of a node

Defaults to {}

columnIndex

any

Used to define a index of column in the grid

Defaults to undefined

columnSpan

any

Merge the column use the property in the grid container

Defaults to undefined

columns

any

Used to define the column for the grid container

Defaults to undefined

constraints

any

Enables/Disables certain features of nodes

• None - Disable all node Constraints
• Select - Enables node to be selected
• Drag - Enables node to be Dragged
• Rotate - Enables node to be Rotate
• Shadow - Enables node to display shadow
• PointerEvents - Enables node to provide pointer option
• Delete - Enables node to delete
• InConnect - Enables node to provide in connect option
• OutConnect - Enables node to provide out connect option
• Individual - Enables node to provide individual resize option
• Expandable - Enables node to provide Expandable option
• AllowDrop - Enables node to provide allow to drop option
• Inherit - Enables node to inherit the interaction option
• ResizeNorthEast - Enable ResizeNorthEast of the node
• ResizeEast - Enable ResizeEast of the node
• ResizeSouthEast - Enable ResizeSouthEast of the node
• ResizeSouth - Enable ResizeSouthWest of the node
• ResizeSouthWest - Enable ResizeSouthWest of the node
• ResizeSouth - Enable ResizeSouth of the node
• ResizeSouthWest - Enable ResizeSouthWest of the node
• ResizeWest - Enable ResizeWest of the node
• ResizeNorth - Enable ResizeNorth of the node
• Resize - Enables the Aspect ratio fo the node
• AspectRatio - Enables the Aspect ratio fo the node
• Tooltip - Enables or disables tool tip for the Nodes
• InheritTooltip - Enables or disables tool tip for the Nodes
• ReadOnly - Enables the ReadOnly support for Annotation

Defaults to ‘Default’

container

any

Defines the type of the container

Defaults to null

data

any

Sets the data source of the node

dragSize

any

Defines the size of a drop symbol

Defaults to undefined

excludeFromLayout

any

Defines whether the node should be automatically positioned or not. Applicable, if layout option is enabled.

Defaults to false

expandIcon

any

Defines the expanded state of a node

Defaults to {}

fixedUserHandles

any

Specifies the collection of the fixed user handle

Defaults to undefined

flip

any

Flip the element in Horizontal/Vertical directions

Defaults to None

flipMode

any

Allows you to flip only the node or along with port and label

Defaults to All

height

any

Sets the height of the node

Defaults to undefined

horizontalAlignment

any

Sets the horizontalAlignment of the node

Defaults to ‘Stretch’

id

any

Represents the unique id of nodes/connectors

Defaults to ”

isExpanded

any

Defines whether the node is expanded or not

Defaults to true

layoutInfo

any

Sets the layout properties using node property

Defaults to new NodeLayoutInfo()

margin

any

Defines the space to be left between the node and its immediate parent

Defaults to {}

maxHeight

any

Sets the maximum height of the node

Defaults to undefined

maxWidth

any

Sets the maximum width of the node

Defaults to undefined

minHeight

any

Sets the minimum height of the node

Defaults to undefined

minWidth

any

Sets the minimum width of the node

Defaults to undefined

offsetX

any

Sets the x-coordinate of the position of the node

Defaults to 0

offsetY

any

Sets the y-coordinate of the position of the node

Defaults to 0

padding

any

Defines the space between the group node edges and its children

Defaults to 0

pivot

any

Sets the reference point, that will act as the offset values(offsetX, offsetY) of a node

Defaults to new Point(0.5,0.5)

ports

any

Defines the collection of connection points of nodes/connectors

Defaults to undefined

previewSize

any

Defines the size of the symbol preview

Defaults to undefined

rotateAngle

any

Sets the rotate angle of the node

Defaults to 0

rowIndex

any

Used to define a index of row in the grid

Defaults to undefined

rowSpan

any

Merge the row use the property in the grid container

Defaults to undefined

rows

any

Used to define the rows for the grid container

Defaults to undefined

shadow

any

Defines the shadow of a shape/path

Defaults to null

shape

any

Defines the shape of a node

Defaults to Basic Shape

style

any

Sets the shape style of the node

Defaults to new ShapeStyle()

symbolInfo

any

Defines the symbol info of a connector

Defaults to undefined

tooltip

any

defines the tooltip for the node

Defaults to {}

verticalAlignment

any

Sets the verticalAlignment of the node

Defaults to ‘Stretch’

visible

any

Sets the visibility of the node/connector

Defaults to true

width

any

Sets the width of the node

Defaults to undefined

wrapper

any

Sets or gets the UI of a node

Defaults to null

zIndex

any

Defines the visual order of the node/connector in DOM

Defaults to Number.MIN_VALUE