在 Angular 6 中的类上实现

Posted

技术标签:

【中文标题】在 Angular 6 中的类上实现【英文标题】:Implements on a class in Angular 6 【发布时间】:2020-02-29 12:29:59 【问题描述】:

我们如何才能知道何时必须在 Angular 中使用 implements?当我们实现一个类以及我们如何知道这个类将在这个类上实现时,我不明白这一点。

就像我们在组件中使用的一样:

implements OnInit, DeletePopup

还有其他一些接口,为什么我们要使用这个,其次我们如何知道我们现在必须使用OnInit 或其他一些接口?

【问题讨论】:

阅读文档?例如。 OnInit 是 Angular 生命周期钩子之一的 (technically optional) 接口。 【参考方案1】:

在某些情况下,当您想要修改行为或向组件添加功能时,您必须实现一个类。

OnInit 等生命周期的实现意味着您必须在组件中创建一个名为 ngOnInit 的方法

export declare interface OnInit 
    ngOnInit(): void;

在这种情况下,ngOnInit 用于初始化其角度分量,参见:Angular 2 Component Constructor Vs OnInit

就生命周期而言,您有所有这些选项:https://angular.io/guide/lifecycle-hooks#lifecycle-sequence

要知道您是否必须实现一个接口,您必须阅读您尝试添加的功能的文档, 在生命周期的情况下,实现它们是可能的,而不是要求:https://angular.io/guide/lifecycle-hooks#interfaces-are-optional-technically

【讨论】:

以上是关于在 Angular 6 中的类上实现的主要内容,如果未能解决你的问题,请参考以下文章

Angular 6 中的 socket.io-stream 导入问题

如何在 Angular 2 上实现 ngOnChanges 以进行输入验证,而不触发“检查后表达式已更改。”错误

使用 LinkedIn 的 Angular 6 社交登录

根据Angular 6中的类删除元素

使用外部 API 调用更新 Angular Universal 中的元标记

Angular 或 Angular 6 中的跨域资源共享 (CORS)。在 localhost 上使用不同端口进行跨域调用时出现问题