Angular 组件模板中未定义角度6元素
我和Angular 6一起工作。我有下面的htmlAngular 组件模板中未定义角度6元素,angular,Angular,我和Angular 6一起工作。我有下面的html <table class="table table-sm table-bordered table-striped"> <tr> <th></th> <th>Name</th> <th>Count Prices</th> <th>Ave
<table class="table table-sm table-bordered table-striped">
<tr>
<th></th>
<th>Name</th>
<th>Count Prices</th>
<th>Average Prices</th>
<th>Total Prices</th><th></th>
</tr>
<tr *ngFor="let item of getCategoriesShortName(); let i = index;">
<paSummaryCategoryDisplay></paSummaryCategoryDisplay>
</tr>
</table>
如何将项目从html设置为模板?在父组件模板中,通过绑定属性名将数据传递给子组件
<paSummaryCategoryDisplay [item]="item"></paSummaryCategoryDisplay>
在子组件中使用输入装饰器
@Component({
selector: "paSummaryCategoryDisplay",
template: ` <td style="vertical-align:middle">
{{item.summaryCategory.totalPrices}}</td>
<td style="vertical-align:middle" >
{{item.summaryCategory.countPrices}}</td>
<td style="vertical-align:middle" >
{{item.summaryCategory.averagePrices}}</td>`
})
export class SummaryCategoryDisplay {
@Input() item: any;
}
@组件({
选择器:“paSummaryCategoryDisplay”,
模板:`
{{item.summaryCategory.totalPrices}
{{item.summaryCategory.countPrices}
{{item.summaryCategory.averagePrices}}`
})
导出类摘要类别显示{
@输入()项:任意;
}
对于父组件模板中的ref.check,请通过绑定属性名称将数据传递给子组件
<paSummaryCategoryDisplay [item]="item"></paSummaryCategoryDisplay>
在子组件中使用输入装饰器
@Component({
selector: "paSummaryCategoryDisplay",
template: ` <td style="vertical-align:middle">
{{item.summaryCategory.totalPrices}}</td>
<td style="vertical-align:middle" >
{{item.summaryCategory.countPrices}}</td>
<td style="vertical-align:middle" >
{{item.summaryCategory.averagePrices}}</td>`
})
export class SummaryCategoryDisplay {
@Input() item: any;
}
@组件({
选择器:“paSummaryCategoryDisplay”,
模板:`
{{item.summaryCategory.totalPrices}
{{item.summaryCategory.countPrices}
{{item.summaryCategory.averagePrices}}`
})
导出类摘要类别显示{
@输入()项:任意;
}
对于ref.check您需要通过将项目传递到组件。可能与我读过的这篇文章重复,但我不知道如何将元素项目从我的html表传递到我的模板。我认为在html中,我无法定义输入。您需要通过将项传递到组件。可能与我阅读的这篇文章重复,但我不知道如何将元素项从我的html表传递到我的模板。我认为在html中我不能定义输入