在组件中返回数据的角度问题

时间:2019-10-27 14:06:59

标签: angular

我正在尝试在父HTML中获取孩子的结果。父母工作了,孩子也工作了,但是我在Html父母中显示结果时遇到了问题。 我将模型发送给孩子,孩子处理我的数据,并正确返回值。

<div class="table-responsive" *ngIf="listPro?.length > 0">
<table class="table table-striped">
    <thead>
    <tr>
        <!--<th jhiSortBy="departureDate"><span jhiTranslate="transporterApp.passenger.departureDate">Departure Date</span> <fa-icon [icon]="'sort'"></fa-icon></th>-->
        <th><span>Name</span></th>
        <th><span>Rate</span></th>
    </tr>
    </thead>
    <tbody>

    <tr *ngFor="let p of listPro">
        <jhi-home-product-list [esm]="p"></jhi-home-product-list>
    </tr>

    </tbody>
</table>

jhi-home-product-list HTML

<td>{{esm.name}}</td><td>{{esm.avg}}</td>

result

但是我需要得到这个结果:

correct result

1 个答案:

答案 0 :(得分:0)

尝试,

<tr *ngFor="let p of listPro" jhi-home-product-list = p><tr>

此外,这与Google Cloud Platform console类似。