我正在尝试在我的Angular 5应用程序中创建指令，在我的页面中添加额外的交互元素，并在输入的ngModel或Reactive Form名称中绑定所选值，如日期或颜色选择器 .
在这些示例中，我可以看到，只有通过设置Directive html属性，这些交互式弹出窗口才会被编译为所需输入的兄弟：
https://zefoy.github.io/ngx-color-picker/ https://ng-bootstrap.github.io/#/components/datepicker/examples
我知道如何通过创建子组件并使用ControlValueAccessor将所选值绑定到我父组件的ngModel和Reactive Forms名称来实现，但在这种情况下，我有一个限制，即始终使用我的子组件中定义的模板 .
通过使用指令方法，我能够将我的交互元素绑定到任何所需的html元素，并在编译时传递配置 .
如何从零开始实现这一结果？我应该在指令中使用哪些Angular装饰器？这种策略只使用指令或任何其他装饰器来添加逻辑和模板？
谢谢！