angular - 允许选择值的输入的 Angular 指令

Question

在我的 Angular 应用程序中，我需要创建一个自定义指令，将其附加到我的反应式表单的输入中。

这样的指令应该是这样的：

• 当用户点击输入时，输入下方会出现一个面板。

• 在这样的面板中，会有一些东西允许用户选择一些值（例如复选框、单选按钮等）。不知何故，控制输入的当前值应该传递给这样的面板，以反映当前的选择。最终我将需要在出现的面板中具有不同内容的几种此类指令，因此我想尽可能多地重用代码。

• 当用户选择值时，面板应该消失并且控制输入的值应该更新（根据用户选择的内容）。

我想要完成的一个很好的例子是来自 ngx-bootstrap 的 Datepicker。就我而言，我只想向用户显示与日历不同的东西。

完成我需要的最佳方法是什么？

标签： angulartypescriptangular-reactive-formsangular-directivengx-bootstrap