你能否在Angular 2中拥有独立指令？(Can you have a stand alone directive in Angular 2)

 我正在玩Angular 2，我想做的是将一个独立的指令直接分配给HTML中的元素。 这可能吗？ 
 
 指示： 
 
import {Directive, ElementRef} from 'angular2/core';
@Directive({
    selector: '[Slidernav]'
})
export class Slidernav {
    constructor(private element: ElementRef) {
        console.log('Slider Run');
    }
}
 
 我会将它分配给任何HTML元素，如下所示： 
 
<div slidernav>Some content</div>
 
 我问的原因是因为我不想使用Component在DOM中已经存在的HTML设置模板。 
 
 编辑 
 
 因此，基于响应，这是组件 
 
 组件滑块 
 
 import {Component, View, ElementRef} from '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>
 
 我希望Div能够在Slider中保留内容hello世界。 AFAIK，它应该如何工作基于我一直在阅读有关Transclusion的内容。 但控制台错误是： 
 
Error: The component Slider has 1 <ng-content> elements, but only 0 slots were provided.

I'm playing around with Angular 2, What I'd like to do is to have a stand alone directive directly assigned to an element within the HTML. Is this possible?
 
Directive:
 
import {Directive, ElementRef} from 'angular2/core';
@Directive({
    selector: '[Slidernav]'
})
export class Slidernav {
    constructor(private element: ElementRef) {
        console.log('Slider Run');
    }
}
 
and I would assign it to any HTML element like so:
 
<div slidernav>Some content</div>
 
The reason why I'm asking is because I don't want to set the template with HTML that already exists in the DOM using a Component.
 
EDIT
 
So based on the responses, this is the component
 
Component Slider
 
 import {Component, View, ElementRef} from '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 would be expecting the Div to remain within Slider with the content hello world. AFAIK that's how it should work based on what i've been reading about Transclusion. But the console error is: 
 
Error: The component Slider has 1 <ng-content> elements, but only 0 slots were provided.

原文：https://stackoverflow.com/questions/35274885