<p dir="auto">Hi all.</p>
<p dir="auto">I've asked this question here: <a href="http://stackoverflow.com/questions/35274885/can-you-have-a-stand-alone-directive-in-angular-2" rel="nofollow">http://stackoverflow.com/questions/35274885/can-you-have-a-stand-alone-directive-in-angular-2</a></p>
<p dir="auto">It came down to using  within a component, but it's throwing an error:</p>
<blockquote>
<p dir="auto">The component Slider has 1  elements, but only 0 slots were provided.</p>
</blockquote>
<p dir="auto">Slider.ts</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import {Component, View, ElementRef} from 'angular2/core';
@Component({
    selector: 'Slider',
    template: '&lt;ng-content&gt;&lt;/ng-content&gt;'
})
export class Slider {
    constructor(private element: ElementRef) {
        console.log('Slider');
    }
}"><pre class="notranslate"><code class="notranslate">import {Component, View, ElementRef} from 'angular2/core';
@Component({
    selector: 'Slider',
    template: '&lt;ng-content&gt;&lt;/ng-content&gt;'
})
export class Slider {
    constructor(private element: ElementRef) {
        console.log('Slider');
    }
}
</code></pre></div>
<p dir="auto">index.html<br>
<code class="notranslate">&lt;Slider&gt;&lt;div&gt;hello world&lt;/div&gt;&lt;/Slider&gt;</code></p>
<p dir="auto">Is this a bug with the system or am I writing this out wrong? The code itself within the index HTML disappears from the DOM at run time.</p>
<p dir="auto">Here is a plnkr: <a href="https://plnkr.co/UH42bVv93Fedrre7GKFI" rel="nofollow">https://plnkr.co/UH42bVv93Fedrre7GKFI</a> Hopefully that works for you</p>
<p dir="auto"><a href="http://plnkr.co/edit/5731Z9N6tQ391gQtfZrA?p=preview" rel="nofollow">http://plnkr.co/edit/5731Z9N6tQ391gQtfZrA?p=preview</a></p>
<p dir="auto">I've been over the documentation 10 times, I've read through the source code, tutorials, the works...  and I still can't wrap my head around what I'm doing wrong.</p>
<p dir="auto">all I want to do is:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;app myTitle='my awesome title'&gt;  "><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">app</span> <span class="pl-c1">myTitle</span>='<span class="pl-s">my awesome title</span>'<span class="pl-kos">&gt;</span>  </pre></div>
<p dir="auto">and access myTitle from inside the constructor.</p>
<p dir="auto">Is that possible in NG2?</p>