ngModel ne fonctionne pas correctement dans Angular 4

Question

J'ai rencontré un problème avec la directive ngModel. J'ai un input<td><input type="text" ([ngModel])="desc"></td> dans lequel j'ai affecté la valeur de ce input à la variable appelée desc. Puis, dans component Je veux juste imprimer dans la console par:

addItem(){ 
    console.log('=======', this.desc); 
    } 

La méthode addItem() est decalred dans le fichier html en dessous du input:

<td> 
      <i 
       class="fa fa-plus-square add-button" 
       (click)="addItem()"> 
      </i> 
    </td> 

La chose que je nous obtenons est: ======= undefined en la console. Quelqu'un peut-il me dire pourquoi j'ai eu ça? Dans la place différente de cette application, j'utilise également ngModel et tout fonctionne bien

Answer 1

La syntaxe des opérateurs de liaison de données (et [est faux, si vous voulez que la double liaison fonctionne correctement, vous devez vous rappeler la célèbre phrase « Banana dans une boîte » de sorte que vous devez écrire [(ngModel)], il est comme une banane dans une boîte [()].

pour plus d'informations, [est pour une vue de contrôleur de liaison et (pour l'inverse.