屬性指令

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（對於兩種）。