我有一个6号角站点,可以显示最终用户的财务报告。每个“报告”由许多“小部件”组成。我最终为每个小部件重复了很多代码。看来我应该能够减少输入的代码量。
我已经搜索了示例,但是一直在获取有关如何在组件之间传递变量的结果,而不是我试图做的事情。
what I have:
<div class="card flex-fill w-100">
<div class="card-header">
<h5 class="card-title mb-0">{{section3title}}</h5>
</div>
<div class="card-body py-3">
<app-assetbyentity
[jsondata] = 'section3data'>
</app-assetbyentity>
</div>
</div>
what I would like to achieve:
<widget
[title] = 'section3tile'>
<app-assetbyentity
[jsondata] = 'section3data'>
</app-assetbyentity>
</widget>
我最终包括了
<div class="card flex-fill w-100">
<div class="card-header">
<h5 class="card-title mb-0">{{section3title}}</h5>
</div>
<div class="card-body py-3">
在整个网站上编码40次。每当我对每个报告的整体外观进行更改时,我都必须返回并更改大量代码。我想我想从父级确定孙子级组件,但是找不到合适的Google术语来找到相关示例。如果有人能指出我正确的方向,我将不胜感激。