无法绑定到指令，尽管将其作为输入包含在内

Question

浏览下面的错误消息 下面的错误消息 建议 1 似乎是我的情况。它是一个 Angular 组件，它有一个 GcUser 输入。但是我确认它是模块的一部分(HTML 背后的组件和用户详细信息组件都导入它(。我还能尝试什么来解决这个问题？

未捕获错误：模板分析错误： 无法绑定到"GcUser"，因为它不是"用户详细信息"的已知属性。

1. 如果"user-detail"是一个 Angular 组件，并且它有"GcUser"输入，那么请验证它是否是这个模块的一部分。
2. 如果"user-detail"是Web组件，则将"CUSTOM_ELEMENTS_SCHEMA"添加到该组件的"@NgModule.schemas"以禁止显示此消息。
3. 要允许任何属性，请将"NO_ERRORS_SCHEMA"添加到此组件的"@NgModule.schemas"中。(">

HTML 调用用户详细信息组件

<table #dtuser datatable [dtOptions]="dtOptions" [dtTrigger]="dtTriggerUser" class="row-border hover">
    <thead><tr><th>First Name</th><th>Last Name</th><th>Company ID</th><th>User ID</th><th> ID</th><th></th></tr></thead>
    <tbody>
  <tr *ngFor="let c of userlist" [class.selected]="c === selectedUser" (click)="selectUser($event, c)">
    <td>{{c.firstname}}</td><td>{{c.lastname}}</td><td>{{c.companyId}}</td><td>{{c.user_id}}</td><td>{{c.acctid}}</td>
    <td><a >DELETE USER</a></td>
  </tr></tbody>
</table>
<user-detail [GcUser]="selectedUser"></user-detail>

用户详细信息组件

@Component({
  selector: 'user-detail',
  templateUrl: './userdetail.component.html',
  styleUrls: [/*'./greencard.component.css'*/]
})
export class UserDetailComponent { 
    @Input() user:GcUser;
  ......

Answer 1

由于您的输入变量名称是"user"，因此您应该使用此名称来绑定值： <user-detail [user]="selectedUser"></user-detail>