angular2双向绑定不会更新，因为我输入字符串

我是新的angular2，我希望有人可以帮助我的基本事情，为什么我的双向绑定不起作用。我在我的HTML这个超级简单的代码，我已经在我的module.ts加入以下内容：angular2双向绑定不会更新，因为我输入字符串

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}}"将使用输入的值进行更新。

请让我知道我想什么神奇的，我在这里失踪:(。谢谢

来源

2017-02-20 AlreadyLost

你得到一个错误在浏览器控制台中？ –

尝试创建一个新的'ng app'' ng new my-app'，然后将'html input'粘贴到'app.comonent.html'中，并查看其余代码是如何不同于你的应用程序。所有在默认'ng应用程序中为我工作' – Kuncevic

您是否在您的.ts文件中声明了'用户名'？在.ts文件中创建一个变量，它将起作用 –

您需要添加ngModelOptions或name

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

或

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

来源

2017-02-20 07:02:14

感谢您的答案。他们都没有工作。我真的不知道为什么 – AlreadyLost

这只是工作，即使没有'ngModelOptions'或'名称https://plnkr.co/edit/LuPcLfQ8Hzrn3G0qXAYw?p=preview –

你是对的，不幸的是在我的代码基地不起作用并且需要额外的点击来更新字符串。 – AlreadyLost

angular2双向绑定不会更新，因为我输入字符串

回答

相关问题