属性指令

Question

无论出于何种原因，我无法为此问题选择任何angular4标签。我采用了棱角分明4.

我创建了一个属性指令：

import { Directive, ElementRef } from '@angular/core'; 

@Directive({ 
    selector: '[SpDatePicker]' 
}) 
export class DatepickerDirective { 

    constructor(public element: ElementRef) { 
     console.log(element.nativeElement); 
    } 
} 

但是，如果我尝试使用它，我得到以下错误：

Can't bind to 'SpDatePicker' since it isn't a known property of 'div'.

用法：

<div [SpDatePicker]></div> 

---

如果我改变选择DECL aration到：

selector: '.spdatepicker' 

并使用以下HTML：

<div class="spdatepicker"></div> 

它工作正常。我看过the docs，看不出我做错了什么。有人可以告诉我吗？

我创建了一个Plunker来演示此问题。

Answer 1

对于属性指令，您不需要[]，这将导致角度考虑SpDatePicker为@Input property的div。

---

正如评论说@Maximus，你仍然可以通过添加@Input() SpDatePicker到你的指令中使用[SpDatePicker]。

---

Plunker demo（对于两种）。