Angular - ng-content with params

时间:2017-07-10 15:55:15

标签: angular

我将真正为以下方案提供帮助。

我有角度为4的spa项目构建。在这个项目中,我有一个订单页面,用户可以为他的视频订购新的翻译。 首先,用户选择视频源语言和所需的目标语言。 用户选择订单详细信息后,用户可以上传一个或多个视频进行翻译。

为了上传视频,我编写了一个视频上传器组件,其中所有上传的视频都显示为具有基本信息的行(持续时间,标题,帧速率等)。 现在我想为每个视频行添加一个价格字段。问题是价格与源语言和目标语言有关(每个源 - 目标语言组合每秒的价格不同)。

那么我的问题是什么? 我不想将视频上传器组件a传递给语言属性,也不想将它发送给pricePerSecond属性。我真的希望视频上传器组件能够做到它应该做的事情。

我考虑过使用transclude这样的视频详情

//From order component
<video-uploader>
  <video-details [from]="from" [to]="to">
</video-uplaoder>

//From video-uploader - something like thath
<ng-content *ngFor="let video of videos" [video]="video"/>

问题是虽然[from]和[to]应该从order组件设置 [video]数据应由video-uploader.component

设置

是否有可能达到预期的行为?

0 个答案:

没有答案