Bản nguyên mới của Angular cho khả năng phản ứng
Vào ngày 15 tháng 2 năm 2023, nhóm của Angular đã giới thiệu Tín hiệu cho khung với một yêu cầu kéo đơn giản. Kể từ đó, đã có những cuộc thảo luận sôi nổi trong cộng đồng Angular về việc sử dụng và lợi ích của nó. Nhiều người thậm chí đã bắt đầu tạo mẫu với các tín hiệu để thử chức năng của nó.
Chúng ta hãy xem cách tính năng mới này hoạt động, cú pháp của nó và cách sử dụng nó sau khi nó được triển khai đầy đủ.
Mục Lục
Tín hiệu là gì?
Loại tín hiệu là loại nguyên thủy phản ứng mới của Angular. Mục đích của nó là giữ một giá trị, giống như một biến tiêu chuẩn, nhưng tính năng phân biệt của tín hiệu là hành vi độc nhất của nó. Nếu một tín hiệu thay đổi, nó sẽ thông báo cho bất kỳ thứ gì phụ thuộc vào nó.
Ngoài ra, Angular có thể sử dụng các tín hiệu làm phương pháp mới để phát hiện và kích hoạt thay đổi, thay vì phương pháp mặc định hiện tại là kiểm tra bẩn toàn bộ cây thành phần.
Cách sử dụng tín hiệu trong góc
Một tín hiệu sẽ giống như thế này:
@Component({
selector: 'my-app',
standalone: true,
template: `
<div> Count: {{ count() }} </div>
<div> Double: {{ double() }} </div>
<button (click)="changeCount()"></button>
`,
})export class AppComponent{
count = signal(0)
double = computed(() => this.count() * 2);
changeCount() {
this.count.set(5)
}
}
Trong thành phần Ứng dụng này, biến đếm là một tín hiệu được khởi tạo với giá trị bằng không. số lượng sau đó được tham chiếu bên trong double (một giá trị được tính toán) và mẫu. Vì vậy, khi nhấp vào nút đặt giá trị của số đếm thành năm, cả giá trị được tính toán (gấp đôi) và giá trị trong mẫu sẽ cập nhật.
Mọi phần của thành phần Góc phụ thuộc vào tín hiệu sẽ được cập nhật tự động sau khi giá trị thay đổi.
Tại sao việc giới thiệu tín hiệu lại quan trọng
Tín hiệu giúp học và làm việc với Angular dễ dàng hơn. Chuyển sang tín hiệu làm cách mặc định mới để tìm hiểu và xây dựng với Angular sẽ hài hòa quá trình học tập. Cho dù chúng ta thích một phong cách mã hóa bắt buộc hơn với Angular hay muốn tìm hiểu một phong cách mã hóa khai báo hơn.
Hầu hết mọi người bắt đầu viết mã một cách bắt buộc vì nó thường trực quan và quen thuộc hơn với mọi người. Nhưng việc chuyển từ cách tiếp cận mệnh lệnh sang cách tuyên bố liên quan đến một sự thay đổi mô hình và một sự thay đổi hoàn toàn trong mô hình tinh thần của chúng ta. Đây là lý do tại sao RX.js, thư viện phản ứng, khó học đối với nhiều người.
Tín hiệu sẽ mang hai cách tiếp cận riêng biệt này lại với nhau. Mọi người có thể học các tín hiệu theo mặc định, bắt đầu học các khái niệm đằng sau khả năng phản ứng và thậm chí không phải lo lắng về việc kết hợp RX.js của Angular nếu họ không thể hoặc không muốn.
Sau khi bạn cảm thấy thoải mái với kiến thức cơ bản về Angular và muốn chuyển sang phong cách mã hóa khai báo hơn, bạn có thể dễ dàng thêm RX.js vào các khái niệm mà bạn đã hiểu.
Tín hiệu nên cải thiện lập trình góc cho mọi người
Tín hiệu là cơ chế phản ứng mới của Angular mà bạn có thể sử dụng để tạo các giá trị phản ứng cho người tiêu dùng đọc. Một tín hiệu ngay lập tức thông báo cho tất cả người tiêu dùng khi giá trị của nó thay đổi. Các tín hiệu hài hòa quá trình học tập của Angular bằng cách tập hợp các cách tiếp cận bắt buộc và khai báo để viết mã.
Angular sẽ dựa vào các tín hiệu để giúp phát hiện thay đổi trở nên nhẹ nhàng và mạnh mẽ hơn. Do đó, với tư cách là một nhà phát triển Angular, việc học cách sử dụng các tín hiệu sẽ giúp bạn nắm vững hơn về khả năng phản ứng trong Angular và giúp bạn trở thành một nhà phát triển tốt hơn. Đừng quên nắm vững kiến thức cơ bản về Angular trước khi học các phần nâng cao hơn.