我不明白为什么 Angular 组件 class 添加实现 onInit 接口

Question

When you create a component through the "ng g component ~" command, the component class automatically implements 'OnInit' interface.

The following snippet shows how a component can implement this interface to define its own initialization method.

@Component({selector: 'my-cmp', template: `...`})
class MyComponent implements OnInit {
  ngOnInit() {
    // ...
  }
}

In the Angular documentation above, it says that the interface is meant to define its own initialization method,

Even if you omit the 'implement OnInit' syntax, there is no problem in defining it through the ngOnInit () {} syntax.

I am not sure why I have to write it.

Answer 1

An interface (similar to java) is a contract between a component and an interface implementation. Angular developer push to use OnInit like initialization block (and not the component constructor).