Argular 2 - 入力/テキストエリアからモーダル/ポップアップを開いて簡単に入力/表示できるようにする

Question

ユーザが入力領域またはテキスト領域にフォーカスしているときに、モーダルまたはポップアップを開くにはディレクティブが必要です。ユーザーは多くのテキストを入力する可能性がありますが、UIスペースは限られています。

これは、ポップアップを開くための任意のコントロールに配置することができ、ユーザーがテキストを入力できるようにする指示であり、okをクリックするとモデルプロパティが更新されることが理想的です。これを持っている 例えば制御を以下に示す：

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

Answer 1

モーダルを作成し、動的にフォーカスを持つプロパティにngModelを結合することによって、これを解決しました。かなりシンプルですが、一度正しい構文が得られれば動作します。