Question

我是棱角分明的新人。我在使用Visual Studio Code。

我的app.component.html看起来像这样：

<input type="text" [(ngModel)]="name">
<p>{{ name }}</p>

我的app.component.ts看起来像这样：

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  name = '';
}

我的问题是输入框没有显示在浏览器http://localhost:4200/

中

Answer 1

您在模块中缺少FormsModule导入：

is_writable("/opt/lampp/htdocs/web_test")

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

@NgModule({
    imports: [
        ...
        FormsModule,
        ...
    ],
    declarations: [
        ...
        ProfileListComponent,
        ...
    ]
})

NgModel指令是FormsModule的一部分，因此需要导入它。您可以在此处阅读有关NgModel指令的更多信息。

例如：关注链接angular form

输入框未显示角度

1 个答案: