Angular 2 - 从 input/textarea 打开 modal/popup 以允许更容易 entry/viewing

Argular 2 - Open modal/popup from input/textarea to allow for easier entry/viewing

我需要一个指令来在用户将焦点放在输入或文本区域时打开模式或弹出窗口。用户可能会输入大量文本,但 UI space 是有限的。

理想情况下,这将是一个指令,可以放置在任何控件上以打开弹出窗口,允许用户输入文本,当他们单击“确定”时,模型 属性 会更新。 具有此功能的示例控件如下所示:

<textarea id="regime" name="regime" [(ngModel)]="management.regime" class="form-control" maxlength="500"></textarea>

通过创建模态并将 ngModel 动态绑定到具有焦点的 属性 来解决此问题。非常简单,但一旦你获得正确的语法就可以工作。