如何获得已以角形式传递给我的canDeactivate保护的泛型组件属性？
如何获得已以角形式传递给我的canDeactivate保护的泛型组件属性？
提问于 2020-11-21 21:26:21
我想将多个组件(Component1 \ Component2)传递到我的canDeactivate保护程序中，所以我使用如下所示的泛型。
Problem --我想从传入的每个组件中访问一个属性，那么如何获得泛型组件属性？
我一定要演吗？我可以在调试器中看到组件在那里，但在函数活动之前，我无法访问这些属性。
FYI - component.profileForm.dirty不工作，因为它不知道T是什么，直到我在函数中
export class PreventUnsavedChangesGuard <T> implements CanDeactivate <T> {
constructor(private confirmService: ConfirmService) {}
canDeactivate(component: T): Observable < boolean > | boolean {
if (component.hasOwnProperty('profileForm')) {
if (component.profileForm.dirty) {
return this.confirmService.confirm();
}
}
return true;
}
}
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-11-22 00:01:45
您可以定义一个包含您期望组件具有的最小信息的接口，例如，
interface HasProfileForm {
profileForm: Form
}然后你可以修改你的护卫以使用新的界面，例如，
export class PreventUnsavedChangesGuard <T extends HasProfileForm> implements CanDeactivate <T> {
constructor(private confirmService: ConfirmService) {}
canDeactivate(component: T): Observable<boolean> | boolean {
if (component.hasOwnProperty('profileForm')) {
if (component.profileForm.dirty) {
return this.confirmService.confirm();
}
}
return true;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64950934
复制相关文章
![wordpress子比主题更改首页样式全宽度[美化教程]](https://developer.qcloudimg.com/http-save/yehe-admin/29c974432e479e2d6c558ac38d83ec48.jpg)
![如何提升你的CSS技能，掌握这20个css技巧即可[完整版]](https://ask.qcloudimg.com/http-save/yehe-5587302/7n8gzjn5p5.gif)
相似问题
如何将H264封装在RTP中？
如何将集合包装在单个父标记中
如何将列2和列2封装在循环中？
如何将单个和时态事件封装在服务中？
如何将方法1封装到方法2？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
