刚刚学习 Angular2/4 所以请耐心等待...
假设我有一个CoursesComponent，它有一个CourseComponent的列表。该HTMLTemplate为CoursesComponent简单地迭代的CourseComponent（列表）字段，并显示每个课程。
我想CourseComponent处理过程中，它有自己的显示HTMLTemplate。
CourseComponent HTMLTemplate （带选择器：'course'）
<div class='course'>
{{title}}({{code}})
<br/>
{{description}}
</div>
CoursesComponent HTMLTemplate （带选择器：'courses'）
<div class='courses'>
<ul>
<li *ngFor='let c of courseList'><course></course></li>
</ul>
</div>
应用组件 HTML 模板
<div>
<courses></courses>
</div>
你如何做到这一点？甚至有可能吗？模板可以以这种方式链接吗？
在您的CoursesComponent html 文件中添加可以像这样添加变量
<div class='courses'>
<ul>
<li *ngFor='let c of courseList'>
<course [data]="c"></course>
</li>
</ul>
</div>
然后你必须在你的CourseComponent ts 文件中添加一个输入变量
@Input() data: any = [];
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句