無法綁定到“ngModel”，因為它不是“輸入”的已知屬性，如何在 angular 9 中修復？

Question

我在app.module.ts文件中導入了FormsModule 。

誰能告訴我我在哪里做錯了？

錯誤

app.module.ts

import { FormsModule } from '@angular/forms';

....

imports: [
   ....
    FormsModule,
   ....
 ]

about.component.html

<form>
            <div class="form-group">
                <label for="banner">Banner Image Url</label>
                <input type="text" 
                    class="form-control" 
                    [(ngModel)]="banner.banner_image"
                    id="banner"
                    name="banner"
                />
            </div>
        </form>

about.component.ts

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';

import {UserService} from '../../service/user.service';

class Banner {
  id: number;
  banner_image: number;
}

@Component({
  selector: 'app-about',
  templateUrl: './about.component.html',
  styleUrls: ['./about.component.css']
})
export class AboutComponent implements OnInit {
    banner: Banner = new Banner();

    constructor() {
    }

    ngOnInit(): void {

    }

}

Answer 1

我遇到過這樣的問題，即構建沒有獲取新的導入。 也許嘗試重新編譯？

Answer 2

在 app.module.ts 中導入 ReactiveFormsModule

Answer 3

如果此About組件是某個嵌套模塊的一部分，則在嵌套模塊文件中包含FormsModule 。

將其包含在 app.module.ts 中將不起作用。