孙子组件选择或组件中的重用代码

时间:2019-08-05 18:13:00

标签: angular

我有一个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术语来找到相关示例。如果有人能指出我正确的方向,我将不胜感激。

0 个答案:

没有答案