Question

使用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>
")

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

谢谢，尼古拉斯

Answer 1

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

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

Answer 2

您应该像明智地绑定<app-summary [customer]="">一样，要绑定到<summary>，它是HTML标记，而不是角度分量。

Angular 7-无法绑定到@Input（）属性

2 个答案: