代码之家 › 专栏 › 技术社区 › Marc Rasmussen

@viewChild为空

angular javascript

Marc Rasmussen · 技术社区 · 6 年前

在我的组件中,我有以下组件:

@ViewChild('PaginatedTableComponent') userTable: PaginatedTableComponent;

在这个组件中,我有以下HTML:

<pag-paginated-table #userTable
       [(shouldUpdate)]="shouldUpdate"
       [route]="academyMembersRoute"
       [dataStructure]="academyMembersdataStructure"
       [adminActions]="adminActions"
       [include]="academyMembersInclude">
</pag-paginated-table>

然而, userTable 变量是 null 是的。

有谁能告诉我我可能遗漏了什么吗?或者为什么会这样?

更新

所以如果我调用 ngOnInit 这表明变量设置正确。

但是,如果我等待并从以下位置打电话:

addUserClose() {
    this.userTable.callRoute();
    this.shouldUpdate = !this.shouldUpdate;
}

它表示变量未定义。

3 回复 | 直到 6 年前

Ali Khan 6 年前

这可能是因为您在启动之前正在访问它。尝试在超时时以零超时方式访问它,或者在“ngoninit”函数被触发后或之后访问它。谢谢

Akhil Aravind 6 年前

你在里面付出的 @ViewChild('your_Variable') 在HTML中使用 #your_Variable

改变你 component.ts 到

@ViewChild('PaginatedTableComponent') userTable: PaginatedTableComponent;

然后改变你 component.html 到

<pag-paginated-table #PaginatedTableComponent
       [(shouldUpdate)]="shouldUpdate"
       [route]="academyMembersRoute"
       [dataStructure]="academyMembersdataStructure"
       [adminActions]="adminActions"
       [include]="academyMembersInclude">
</pag-paginated-table>

federico scamuzzi 6 年前

你试过了吗:

@ViewChild('userTable') userTable: PaginatedTableComponent; // NOT @ViewChild('PaginatedTableComponent')

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前