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" />