javascript - Can you have a stand alone directive in Angular 2 -

i'm playing around angular 2, i'd have stand alone directive directly assigned element within html. possible?

directive:

import {directive, elementref} 'angular2/core'; @directive({     selector: '[slidernav]' }) export class slidernav {     constructor(private element: elementref) {         console.log('slider run');     } } 

and assign html element so:

<div slidernav>some content</div> 

the reason why i'm asking because don't want set template html exists in dom using component.

edit

so based on responses, component

component slider

 import {component, view, elementref} 'angular2/core';  @component({     selector: 'slider',     template: '<ng-content></ng-content>'  })  export class slider {      constructor(private element: elementref) {          console.log('slider');      } } 

index.html

<slider>     <div>hello world</div> </slider> 

i expecting div remain within slider content hello world. afaik that's how should work based on i've been reading transclusion. console error is:

error: component slider has 1 <ng-content> elements, 0 slots provided. 

should work except angular templates case sensitive

selector: '[slidernav]' ... <div slidernav>some content</div> 

should either be

selector: '[slidernav]' ... <div slidernav>some content</div> 

or

selector: '[slidernav]' ... <div slidernav>some content</div> 

besides might want use component template like

template: '<ng-content></ng-content>` 

this way component displays html parent provided children component