Sự Khác Biệt Giữa viewProviders và providers trong Angular

Trong Angular, Dependency Injection (DI) là một trong những tính năng cốt lõi giúp quản lý các service một cách hiệu quả. Khi cấu hình DI, hai khái niệm thường được sử dụng là providers và viewProviders. Mặc dù cả hai đều dùng để khai báo service, nhưng chúng có sự khác biệt quan trọng … Read more

Custom Copilot instructions

The GitHub #Copilot code generation instructions has saved me “edit-time” afterwards. In an #Angular context this is useful to automatically prompt Copilot to use “Modern Angular” APIs with each request. For more information about instructions see:https://code.visualstudio.com/docs/copilot/copilot-customization#_define-codegeneration-custom-instructions

Kế thừa (Inheritance) trong Angular Component – Người hùng hay Tội đồ

Kế thừa trong Angular nghĩa là bạn tạo một component “cha” (base component), rồi để các component “con” khác kế thừa nó bằng cách extends như trong TypeScript. Component con sẽ được thừa hưởng các thuộc tính, phương thức, và cả vòng đời (lifecycle hooks) từ component cha. Nghe giống chiêu trò kinh điển trong … Read more

Signal Input: Anh shipper uy tín của Angular

Signal Input là cách Angular nâng cấp @Input() truyền thống, biến nó thành một Signal thay vì giá trị tĩnh như ngày xưa. Ra mắt từ phiên bản 17.1 (khoảng cuối 2023), nó cho phép component con nhận dữ liệu động từ component cha dưới dạng Signal, tự động cập nhật khi cha thay đổi … Read more

Computed Signal: Chị “kế toán” trong Angular

Computed Signal là một loại Signal đặc biệt trong Angular (từ phiên bản 16/17 trở lên), thuộc dòng “chỉ đọc” (read-only). Nó không tự tạo ra giá trị, mà dựa vào các Signal khác để tính toán và trả kết quả. Khi Signal gốc thay đổi, Computed Signal tự động “tỉnh giấc” và cập nhật, … Read more

@let trong Angular: Tân binh nhỏ nhưng có võ

@let là một tính năng mới toanh từ Angular 17.1, nó nằm trong cú pháp template, cho phép bạn khai báo biến tạm ngay trong HTML mà không cần lỉnh kỉnh chạy qua file .ts như kiểu đi xin phép mẹ để được ra ngoài chơi. Nghĩa là gì? Nghĩa là bạn có thể biến … Read more

Review Sách: The Pragmatic Programmer – “Luộc ếch” (Boiled Frog) – Hình ảnh ẩn dụ không chỉ dành cho coder

Trong “The Pragmatic Programmer”, “Luộc ếch” là cách Andy và Dave cảnh báo về việc bạn dần quen với những vấn đề nhỏ, không hành động, để rồi bị “nấu chín” khi mọi thứ vượt tầm kiểm soát. Truyền thuyết kể: Thả ếch vào nước lạnh, đun nóng từ từ, nó không nhảy ra mà … Read more

Control Flow @for trong Angular

Từ khi Angular 17 ra mắt (năm 2023), đội Angular đã tung ra cú pháp Control Flow mới với @if, @for, @switch, thay thế mấy directive cũ như *ngIf, *ngFor. Trong đó, @for là “ngôi sao” của vòng lặp, biến việc lặp dữ liệu trong template thành một trải nghiệm “đỉnh cao” – vừa ngắn … Read more