Angular 组件模板中未定义角度6元素

Angular 组件模板中未定义角度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

我和Angular 6一起工作。我有下面的html

    <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中我不能定义输入