Eu gerei um novo @Directive pelo Angular CLI, ele foi importado para o meu app.module.ts
import { ContenteditableModelDirective } from './directives/contenteditable-model.directive';
import { ChatWindowComponent } from './chat-window/chat-window.component';
@NgModule({
declarations: [
AppComponent,
ContenteditableModelDirective,
ChatWindowComponent,
...
],
imports: [
...
],
...
})
e tento usar no meu componente (ChatWindowComponent)
<p [appContenteditableModel] >
Write message
</p>
mesmo se dentro da diretiva for apenas o código angular CLI gerado:
import { Directive } from '@angular/core';
@Directive({
selector: '[appContenteditableModel]'
})
export class ContenteditableModelDirective {
constructor() { }
}
Eu entendi o erro:
zone.js: 388 Rejeição de promessa não tratada: Erros de análise de modelo: Não é possível vincular a 'appContenteditableModel', pois não é uma propriedade conhecida de 'p'.
Eu tentei quase todas as mudanças possíveis, seguindo esta documentação angular tudo deveria funcionar, mas não funciona.
Qualquer ajuda?
[(appContenteditableModel)]="draftMessage.text"
no final ...