Web SDK documentation
  1. Directives
  2. OutletDirective

File

core/common/outlet.directive.ts

Description

Directive to set a DOM node, a TemplateRef or any Component to a container or any node.

Example

<div *c8yOutlet="template"></div>
<div *c8yOutlet="DeviceStatusComponent; properties: { node }"></div>
<div *c8yOutlet="nodes"></div>


note: If template is instance of HTMLElement (for example, node compiled by angularJS) then there can be
only single instance rendered, as only one instance of HTMLElement can exist in DOM.
If there is need for displaying same element multiple times, please make sure to inject into
this element createCopy function, which should return another instance of given element.

Metadata

Selector [c8yOutlet]

Index

Methods
Inputs
Accessors

Constructor

constructor(viewContainer: ViewContainerRef, resolver: ComponentFactoryResolver, renderer: Renderer2, el: ElementRef)
Parameters :
Name Type Optional
viewContainer ViewContainerRef No
resolver ComponentFactoryResolver No
renderer Renderer2 No
el ElementRef No

Inputs

c8yOutlet

Directive to set a DOM node, a TemplateRef or any Component to a container or any node.
c8yOutletProperties

Methods

ngOnDestroy
ngOnDestroy()
Returns : void

Accessors

c8yOutlet
setc8yOutlet(template)

Directive to set a DOM node, a TemplateRef or any Component to a container or any node.

Parameters :
Name Optional
template No
Example : 
<div *c8yOutlet="template"></div>
<div *c8yOutlet="DeviceStatusComponent; properties: { node }"></div>
<div *c8yOutlet="nodes"></div>
Returns : void
c8yOutletProperties
setc8yOutletProperties(value)
Parameters :
Name Optional
value No
Returns : void

result-matching ""

    No results matching ""