Angular 2 [(ngModal)] 在 Bootstrap 弹出窗口中不起作用答案

【问题标题】：Angular 2 [(ngModal)] not working inside Bootstrap popupAngular 2 [(ngModal)] 在 Bootstrap 弹出窗口中不起作用
【发布时间】：2017-12-29 15:59:45
【问题描述】：

我有一个 Angular 2 应用程序，它包含一个 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" />

【问题讨论】：

使用 [(ngModel)] 为输入提供名称属性

标签： twitter-bootstrap angular2-template

【解决方案1】：

试试

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

【讨论】：

【解决方案2】：

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

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

【讨论】：