Cấu trúc góc 2 thành phần Vs OnInit

Question

Nếu tôi muốn hàm x xảy ra mỗi khi thành phần tải, cho dù đó là lần đầu tiên, tôi điều hướng đến một trang khác và điều hướng trở lại hoặc là lần thứ năm thành phần đã tải.

Tôi nên đặt chức năng x vào là gì? Trình tạo thành phần hoặc OnInit?

Answer 1

Constructor là phương pháp mặc định được xác định trước của lớp nguyên cảo. Không có mối quan hệ nào giữa Angular và constructor. Thông thường, chúng tôi sử dụng constructor để xác định/khởi tạo một số biến, nhưng khi chúng tôi có các nhiệm vụ liên quan đến các ràng buộc của Angular, chúng tôi chuyển sang móc vòng đời ngOnInit của Angular. ngOnInit được gọi ngay sau lệnh gọi hàm tạo. Chúng ta cũng có thể làm công việc tương tự trong hàm tạo nhưng thích hợp hơn để sử dụng ngOnInit để bắt đầu ràng buộc của Angular.

để sử dụng ngOnInit chúng ta phải nhập khẩu móc này từ thư viện lõi:

import {Component, OnInit} from '@angular/core' 

Sau đó, chúng tôi thực hiện giao diện này với lớp xuất khẩu (điều này là không bắt buộc phải thực hiện giao diện này nhưng nhìn chung chúng tôi đã làm).

Ví dụ về sử dụng cả hai:

export class App implements OnInit{ 
    constructor(){ 
    //called first time before the ngOnInit() 
    } 

    ngOnInit(){ 
    //called after the constructor and called after the first ngOnChanges() 
    } 
} 

Để cụ thể hơn xem thêm Difference between Constructor and ngOnInit

Answer 2

Người đầu tiên (nhà xây dựng) có liên quan đến việc khởi tạo lớp và không liên quan gì đến Angular2. Tôi có nghĩa là một nhà xây dựng có thể được sử dụng trên bất kỳ lớp học. Bạn có thể đặt vào nó một số xử lý khởi tạo cho cá thể mới được tạo ra.

thứ hai tương ứng với một cái móc vòng đời của các thành phần Angular2:

• ngOnChanges được gọi khi một đầu vào hoặc đầu ra giá trị ràng buộc thay đổi
• ngOnInit được gọi sau khi người đầu tiên ngOnChanges

Vì vậy, bạn nên sử dụng ngOnInit nếu việc xử lý khởi tạo hàm của bạn dựa trên các ràng buộc của thành phần (ví dụ các tham số thành phần được xác định với @Input), nếu không, hàm tạo sẽ đủ ...

Answer 3

constructor() là tính năng kiểu chữ và được gọi là new SomeClass(). Hàm khởi tạo đảm bảo thứ tự khởi tạo trường thích hợp trong phân cấp lớp.

ngOnInit là một phương pháp vòng đời Angular2 được gọi là Góc khi nó được xây dựng thành phần và sau khi nó đánh giá các ràng buộc và cập nhật các đầu vào lần đầu tiên.

Xem thêm Difference between Constructor and ngOnInit