angular的ngModel雙向綁定編譯錯誤

我們在ng new 工程的時候,默認是沒有導入FormsModule模塊的,需要自己導入,不然在雙向綁定的時候就會有錯誤

  • 錯誤提示:

    Template parse errors: Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’.

  • 解決辦法,在 app.module.ts 增加

    import { FormsModule } from '@angular/forms'
    
    imports: [ 
    	FormsModule 
    ]
    
  • 還要注意的,如果你工程下面還新建了其他模塊,也必須再模塊文件中導入上面的代碼,我在這個地方吃了虧;找了很久才找到是這個問題

  • 不想每次都導入,就新建一個公用的模塊shared.module.ts 把上面的代碼寫上去,還要加個導出的代碼

    exports: [ 
    	FormsModule 
    ]
    
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章