属性指令

Question

无论出于何种原因，我都无法为这个问题选择任何 angular4 标签。我正在使用 Angular 4。

我已经创建了一个属性指令：

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

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

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

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

无法绑定到“SpDatePicker”，因为它不是“div”的已知属性。

用法：

<div [SpDatePicker]></div>

---

如果我将选择器声明更改为：

selector: '.spdatepicker'

并使用以下 HTML：

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

它工作正常。我看过the docs 并看不出我做错了什么。谁能告诉我？

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

Answer 1

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

---

正如@Maximus 所说，您仍然可以通过在指令中添加@Input() SpDatePicker 来使用[SpDatePicker]。

---

Plunker demo（两者都适用）。