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

Question

我是 angular2 的新手，我希望有人可以帮助我解决为什么我的双向绑定不起作用的基本问题。我的 html 中有这个超级简单的代码，并且在我的 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

我遇到了同样的问题。对我来说，解决方案是使用“字符串”作为数据类型，而不是“字符串”。