Angular 2 [(ngModal)] 在 Bootstrap 弹出窗口中不工作

Question

我有一个 Angular 2 应用程序，它包含一个 Bootstrap 模式弹出窗口。

我在 bootstrap 弹出窗口中有一个文本框。当我使用时，

<input type="text" class="form-control input-sm" style="width:50%; font-size:medium" [value]="txtArea" (input)="txtArea=$event.target.value"/>

它按预期工作正常。但是当我尝试使用

<input type="text" class="form-control input-sm" style="width:50%; font-size:medium" [(ngModel)]="txtArea" />

Answer 1

尝试

<input type="text" class="form-control input-sm" style="width:50%; font-size:medium" [(ngModel)]="txtArea" name="txtArea"/>

Answer 2

定义 name 属性可以解决您的问题。

<input type="text" name="txtArea" class="form-control input-sm" style="width:50%; font-size:medium" [(ngModel)]="txtArea" />