我是一名有用的助手,可以为您翻译文本。
简化:
我的
(以下为需要翻译的内容)
简化:
我的
app-root
元素具有以下模板:(以下为需要翻译的内容)
<div *ngFor="let item of [1,2,3,4,5,6]">
<card *appDelay="100 * item" [num]="item">
{{item}}
</card>
</div>
它使用结构性指令来完成所有工作。
Plunker:使用appDelay
创建带有延迟和顺序号的动态组件。
它使用this.viewContainerRef.createEmbeddedView
实现。
但是现在(为了学习目的),我不想使用{{item}}
,而是通过@input
属性num
将item
发送到card
:
@Input()
num : number = 0;
将文本添加到CardComponent
组件中,并在createEmbeddedView
方法中添加上下文:
this.viewContainerRef.createEmbeddedView(this.templateRef,{$implicit: {num: time} });
问题
看起来我正在尝试通过两个方向来实现:
1)从上下文到模板
2)@input
变量
但是都不起作用。(我看不到数字。)
我该如何设置数字(使用上下文或 @input)?