如何在Angular 2中创建复杂的自定义组件？

Question

我很难找到合适的工作，我开始怀疑它是否可能？

如何创建具有嵌套自定义组件的自定义组件？

例如，我想使用ng2-bootstrap的datepicker创建日期范围选择器。我有一个需要一个可选的持续时间元素的用例（具有时间单位的禁用输入，例如＆＃39; days＆＃39;）。是否可以创建类似于以下内容的组件？

<calendar [value]="startDate"><calendar>
<calendar [value]="endDate" [minDate]="startDate"><calendar>
<div class="input-group">
  <input disabled type="text" [value]="duration">
  <span class="input-group-addon">{{ unitOfMeasure }}</span>
</div>

在此示例中，我使用自定义组件作为ng2 datepicker，称为日历。它可以很容易地是原生ng2 datepicker。

我最终想要做的就是与开始＆amp;结束日期以及持续时间（可能有IDateRange {start：Date，end：Date，duration：number}）。这可能吗？

我使用ControlValueAccessor看到的所有示例都是针对单个值的，我不确定我是否可以执行如上所述的复杂值？

我正在度假并试图快速做到这一点。如果需要更多详细信息，请告知我们。我会尽快回复。这是我一段时间以来一直在努力的事情，并且我们无法找到任何我需要的用例的例子。

谢谢！