将子组件实例用作角度的道具

Question

bounty到期在6天内。该问题的答案有资格获得+ 50声望赏金。Chilipote想要引起更多关注对此问题。

我创建了一个basicModalComponent，它负责基本操作，例如关闭，提交，显示页眉和页脚。将简单的消息放在我的模式主体中的效果很好。

但是我很希望能够通过子组件来管理我的身体，就像这样：

this.modal = await this.modalController.create({
  component: BasicModalComponent,
  componentProps: {
    title: `Share!`,
    body: ChildContentViewComponent,
    bodyProps: {... some data here},
    // body: new ChildContentViewComponent({some data here}),
    confirm: this.onConfirmDeleteAction,
    cancelButton: true
  }
});

这将处理一些更复杂的逻辑。

目前，这是在[basicModalComponent]中显示正文的方式>

<p class="modal-body text-center scrollable scrollbar-hidden">
  {{body}}
</p>
显然，它在字符串文本上运行良好，但是现在我不想在这里放置一个子组件。

这里是结果：

并且如果可能的话，在实例化过程中可能带有父级的数据

但是我不知道这是可能的还是好的模式。我想这是可能的，因为这实际上是modalController与我的BasicModalComponent一起执行的操作，但是我仍然不确定该模式。我已经研究了继承和组合，但也未能使其起作用。

您有什么想法/提示吗？预先感谢。

我创建了basicModalComponent，它负责基本操作，例如关闭，提交，显示页眉和页脚。将简单的消息放在我的模式主体中的效果很好。 ...

Answer 1

在ionic framework site上有很好的解释