当我输入字符串时，angular2 双向绑定没有更新

Question

我是 angular2 的新手，我希望有人能帮助我解决一个基本问题，即为什么我的双向绑定不起作用。我的 html 中有这个超级简单的代码，我在 module.ts 中添加了以下内容：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule} from '@angular/forms';

in html:
<input [(ngModel)]="username">
<p>Hello {{username}}!</p>

我遇到的问题是，当我在输入框中输入字符串时，"Hello {{username}}" 没有得到更新。但是，当我在输入框外单击时，"Hello {{username}}" 将更新为输入的值。

请让我知道我在这里缺少什么魔法:(。谢谢

Answer 1

我认为您需要添加 ngModelOptions 或 name

<input [(ngModel)]="username" [ngModelOptions]="{standalone: true}">

或

<input [(ngModel)]="username" name="username">

Answer 2

我遇到了同样的问题。对我来说，解决方案是使用 "string" 作为数据类型而不是 "String".

当我输入字符串时，angular2 双向绑定没有更新

angular2 two-way binding doesn't updated as I enter the string

data-binding

input

ngmodel

angular