Angular2 ne Peut pas se lier à la DIRECTIVE, car il n'est pas connu de la propriété de l'élément

J'ai généré un nouveau @Directive Angulaire de la CLI, il a été importé à mon application.le module.ts

import { ContenteditableModelDirective } from './directives/contenteditable-model.directive';

import { ChatWindowComponent } from './chat-window/chat-window.component';

@NgModule({
  declarations: [
    AppComponent,
    ContenteditableModelDirective,
    ChatWindowComponent,
    ...
  ],
  imports: [
    ...
  ],
  ...
})

et j'essaie de l'utiliser dans mon composant (ChatWindowComponent)

<p [appContenteditableModel] >
    Write message
</p>

même si, dans la directive n'est Angulaire de la CLI code généré:

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

 @Directive({
   selector: '[appContenteditableModel]'
 })
 export class ContenteditableModelDirective {

 constructor() { }

 }

J'ai obtenu l'erreur:

de la zone.js:388 non Gérée Promesse de rejet: Modèle erreurs d'analyse:
Ne peut pas se lier à 'appContenteditableModel', car il n'est pas connu de la propriété de 'p'.

J'ai essayé presque tous les changements possibles à la suite de cette angulaire docs tout devrait fonctionner, mais il ne le fait pas.

Toute aide?

  • Le résultat que j'ai besoin est [(appContenteditableModel)]="draftMessage.text" à la fin...
  • Ensuite, essayez comme ceci <p [appContenteditableModel]="draftMessage.text"></p>
  • Il fonctionne sans crochets appContenteditableModel="draftMessage.text" et aussi (appContenteditableMode)l="draftMessage.text" résoudre la promesse de rejet, mais il semble aussi qu'il ne passe pas la variable