Tác động hiệu suất của một lớp/giao diện với nhiều trường là gì?

Question

Tôi có một lớp (giao diện) trong ứng dụng 4 góc của tôi có nhiều trường. Lưu ý rằng trường hợp của lớp/giao diện này là immutable (tức là các thành viên sẽ KHÔNG BAO GIỜ được thay đổi).

Ví dụ:

public interface IHaveALotOfFields { 
    field1: string; 
    //... 
    field500: string; 
} 

Giao diện này được cung cấp qua dịch vụ (đơn đăng ký) được hiển thị với tư cách thành viên. Ví dụ.

@Injectable() 
public class MyService { 
    public translations: ITranslationsProvider; 
} 

Dịch vụ này được tiêm vào rất nhiều thành phần (gần như tất cả các thành phần) và thường được sử dụng trong mẫu tương ứng của họ và thường cũng trong ts -part của các thành phần. Ví dụ.

@Component({ 
       template: `Value: {{service.field500}}` 
      }) 
export class MyComponent { 
    public constructor(public service: MyService) { 
    } 

    private doSomething(): string { 
     return this.service.field1; 
    } 
} 

Bây giờ câu hỏi của tôi:

• một lớp lớn (với rất nhiều lĩnh vực) sẽ làm cho góc chậm vì việc phát hiện sự thay đổi?
• Có cách nào để đánh dấu một lớp là "Bỏ qua tôi khi phát hiện thay đổi" không? (một cái gì đó tương tự như ChangeDetectionStrategy.OnPush, nhưng thay vì chỉ định điều này cho mỗi thành phần, có thể được khai báo trên chính lớp đó hoặc trên thành viên của dịch vụ)

Xin lưu ý rằng tôi không muốn thay đổi phát hiện thay đổi chiến lược của tất cả các thành phần của tôi đến OnPush.

Answer 1

Lớp học lớn (có nhiều trường) có làm chậm góc do phát hiện thay đổi không?

số phát hiện sự thay đổi góc thực hiện hai hoạt động mà đọc thuộc tính của lớp:

• DOM cập nhật về các thành phần hiện tại
• bindings đầu vào cập nhật của các thành phần con/chỉ thị

Đối với những hoạt động Trình biên dịch góc tạo hai chức năng:

• updateRenderer - đọc các lĩnh vực được sử dụng trong các mẫu
• updateDirectives - đọc các lĩnh vực quy định tại biểu thức ràng buộc đầu vào

Những chức năng chỉ đọc thuộc tính cụ thể từ các dịch vụ. Ví dụ bạn

Value: {{service.field500}}

các updateRenderer chức năng sẽ xem xét một cái gì đó dọc theo dòng:

function(_ck,_v) { 
    var _co = _v.component; 
    var currVal_0 = _co.service.field500; 
    _ck(_v,1,0,currVal_0); 

Các chức năng này được gọi là trên mỗi vòng lặp tiêu hóa. Nhưng như bạn có thể thấy chỉ tài sản có liên quan sẽ được đọc từ dịch vụ. Vì vậy, nó không quan trọng có bao nhiêu thuộc tính có trên dịch vụ.

Có cách nào để đánh dấu một lớp là "Bỏ qua tôi khi phát hiện thay đổi" không?

Tôi giả sử bạn đang hỏi về ràng buộc một lần như chúng tôi có trong AngularJS. Có lẽ nó sẽ được thêm vào trong Angular. Tôi sẽ theo dõi và cập nhật câu trả lời nếu có gì đó xuất hiện. Nhưng như bạn có thể biết bạn có thể tắt/bật phát hiện thay đổi cho thành phần bằng cách sử dụng cd.detach/cd.attach. Bạn có thể nghe một số tín hiệu từ dịch vụ và chạy đĩa CD theo cách thủ công khi được neeed.

Dưới đây là danh sách các bài viết bạn có thể đọc để hiểu được cơ chế phát hiện sự thay đổi tốt hơn:

• Everything you need to know about change detection in Angular
• Angular’s $digest is reborn in the newer version of Angular
• The mechanics of DOM updates in Angular
• The mechanics of property bindings update in Angular