【问题标题】:Cant bind to directive despite including it as an input尽管将其作为输入包含,但仍无法绑定到指令
【发布时间】:2019-01-14 15:47:24
【问题描述】:

在下面的错误消息中查看建议 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;
  ......

【问题讨论】:

    标签: angular angular-components


    【解决方案1】:

    由于您的输入变量名称是“用户”,您应该使用此名称来绑定值: &lt;user-detail [user]="selectedUser"&gt;&lt;/user-detail&gt;

    【讨论】:

    • Drat,我认为这应该是模块的名称,而不是变量的名称.....现在更有意义了
    猜你喜欢
    • 2020-04-14
    • 2016-12-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-26
    • 1970-01-01
    • 2020-10-17
    • 1970-01-01
    相关资源
    最近更新 更多