时间戳

首页 > 解决方案 > Angular 7 - 无法绑定到 @Input() 属性

angular - Angular 7 - 无法绑定到 @Input() 属性

问题描述

使用 Angular 7.2.0，我有以下组件：

import { Component, OnInit, Input } from '@angular/core';
import { Customer} from "../../services/customers.model";

@Component({
  selector: 'app-summary',
  templateUrl: './summary.component.html',
  styleUrls: ['./summary.component.css']
})

export class SummaryComponent {
  @Input() customer: Customer;
}

在父模板中，我有：

 <div class="mdl-cell mdl-cell--3-col" *ngFor="let c of customers">
   <summary [customer]="c"></summary>
</div>

尝试编译它会引发以下异常：

ERROR in : Can't bind to 'customer' since it isn't a known property 
  of'summary'. ("
  <div class="mdl-cell mdl-cell--3-col" *ngFor="let c of customers">
    <summary [ERROR ->][customer]="c"></summary>
  </div>
")

我无法弄清楚这里可能会发生什么，因为提到的属性是在组件中定义的。有人可以帮忙吗？

谢谢，尼古拉斯

标签： angularbinding

解决方案

您的选择器是：'app-summary'.

利用<app-summary [customer]="c"></app-summary>

推荐阅读