gpt4 book ai didi

angular - 无法绑定(bind)到 'ngModel',因为它不是 'input' 的已知属性,尽管导入了 FormsModule

转载 作者:太空狗 更新时间:2023-10-29 17:26:45 28 4
gpt4 key购买 nike

<分区>

我正在关注 Angular 2 tutorial on MVA .我似乎无法通过两种方式绑定(bind)工作。我在 Can't bind to 'ngModel' since it isn't a known property of 'input' 中应用了修复程序但这不起作用。错误如下:

Unhandled Promise rejection: Template parse errors:
Can't bind to 'ngModel' since it isn't a known property of 'input'. ("
<p>
<input [ERROR ->][(ngModel)]="sampleText" ><br/>
<span>{{sampleText}}</span>
</p>
"): TasksComponent@2:19 ; Zone: <root> ; Task: Promise.then ;

我的main.ts代码如下:

import { bootstrap } from '@angular/platform-browser-dynamic';
import { Component, OnInit } from '@angular/core';

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


@Component({
selector: 'tasks',
template: `
<p>
<input [(ngModel)]="sampleText" ><br/>
<span>{{sampleText}}</span>
</p>
`
})
export class TasksComponent implements OnInit {
sampleText: string = "";
ngOnInit() {}
}

@Component({
selector: 'app',
directives: [TasksComponent],
template: `
<h1>Hello World</h1>
<tasks></tasks>
`
})
export class AppComponent implements OnInit {
constructor() {}

ngOnInit() {}
}

bootstrap(AppComponent);

如果我注释掉双向绑定(bind),代码就可以工作。我该如何解决这个问题?

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com