在 ng-bootstrap (Angular 2+) 中保存弹出表单内容答案

【问题标题】：Save popover form content in ng-bootstrap (Angular 2+)在 ng-bootstrap (Angular 2+) 中保存弹出表单内容
【发布时间】：2019-01-24 21:58:42
【问题描述】：

是否可以在弹出窗口中输入并保留字段值？

如果我单击弹出框按钮并在输入字段中键入内容，则当他们关闭弹出框时输入字段会被清除

如果不能使用 ng-bootstrap...它可以使用 ngx-bootstrap 吗？

Demo is here

<ng-template #popContent>
  Hello, <b>{{name}}</b>!
  <input type="text">
</ng-template>
<ng-template #popTitle>
    Fancy <b>content!!</b>
</ng-template>
<div style="text-align:center">
  <button type="button" class="btn btn-outline-secondary" [ngbPopover]="popContent" [autoClose]="'outside'" [popoverTitle]="popTitle">
    I've got an input field!
  </button>
</div>

【问题讨论】：

标签： angular bootstrap-4 popover ng-bootstrap ngx-bootstrap

【解决方案1】：

是的，有可能，我们需要定义一个本地属性，用作输入字段的 ngModel。通过这种方式，它们将被捆绑在一起，您可以通过任何方式传递该值。

https://stackblitz.com/edit/angular-fyhdcf-ukrs4a

【讨论】：