Я создал новый @Directive с помощью Angular CLI, он был импортирован в мой app.module.ts
import { ContenteditableModelDirective } from './directives/contenteditable-model.directive';
import { ChatWindowComponent } from './chat-window/chat-window.component';
@NgModule({
declarations: [
AppComponent,
ContenteditableModelDirective,
ChatWindowComponent,
...
],
imports: [
...
],
...
})
и я пытаюсь использовать в своем компоненте (ChatWindowComponent)
<p [appContenteditableModel] >
Write message
</p>
даже если внутри директивы есть только Angular код сгенерированный CLI:
import { Directive } from '@angular/core';
@Directive({
selector: '[appContenteditableModel]'
})
export class ContenteditableModelDirective {
constructor() { }
}
Я получил ошибку:
zone.js: 388 Unhandled Promise rejection: ошибки анализа шаблона: Невозможно связать с "appContenteditableModel", поскольку это не известное свойство "p".
Я пробовал практически все возможные изменения, следуя этим angular docs, все должно работать, но это не так.
Любая помощь?