Giới thiệu
hocvietcode.com là website chia sẻ và cập nhật tin tức công nghệ, chia sẻ kiến thức, kỹ năng. Chúng tôi rất cảm ơn và mong muốn nhận được nhiều phản hồi để có thể phục vụ quý bạn đọc tốt hơn !
Liên hệ quảng cáo: [email protected]
Template-driven Forms Trong Angular (Phần 2)
Angular Forms Validation Angular Forms Validation là quá trình kiểm tra và đảm bảo tính hợp lệ của dữ liệu nhập vào trong ứng dụng Angular. Có một số trạng thái quan trọng mà chúng ta cần biết khi thực hiện validation: Các trạng thái trên sẽ đi kèm với các CSS class tương ứng, […]
Template-driven Forms Trong Angular (Phần 1)
Biểu mẫu, hay còn được gọi là form, đó là một phần quan trọng trong hệ thống và doanh nghiệp ngày nay. Hình dung như khi bạn muốn mở một tài khoản ngân hàng, hoặc đơn giản như khi bạn đăng ký vào một trường Đại học. Thậm chí, trong môi trường công việc, có […]
Guards and Resolvers (Phần 3)
Route Resolvers Sau khi các Route Guards đã chạy và đã vượt qua được các guards này, thì đến lượt Route Resolvers được kích hoạt. Thông thường, đây là nơi mà chúng ta có thể chuẩn bị trước dữ liệu để sử dụng trong component sẽ được activate. Liệu có cần sử dụng Resolvers không? […]
Guards and Resolvers (Phần 2)
Route Guards Route Guards là những bảo vệ đường dẫn giúp quyết định liệu chúng ta có thể chuyển hướng đến một URL cụ thể hay không. Nếu tất cả các guard đều trả về true, quá trình chuyển hướng sẽ tiếp tục. Nếu có bất kỳ guard nào trả về false, quá trình chuyển […]
Guards and Resolvers (Phần 1)
Angular Router Navigation Cycle Angular Router thực hiện năm hoạt động cơ bản khi nhận một URL mới: Để minh họa, chúng ta sử dụng cấu hình routing trong ứng dụng như sau: app-routing.module.ts: article-routing.module.ts: admin-routing.module.ts: Cấu hình này định nghĩa các route cho ứng dụng, bao gồm các module lazy-loaded như AdminModule, và quy […]
Lazy Loading Modules
Hãy làm một bản ôn tập nhẹ, trong bài trước, chúng ta đã tìm hiểu cách cấu hình một feature module có tên là ArticleModule như sau: Với cấu hình routing trong ArticleRoutingModule như sau: Cuối cùng, chúng ta import module này vào AppModule: Sau khi chúng ta chạy lệnh npm run build để build […]
Feature Modules, Child Routes and Services
Feature Modules Giả sử bạn đã tạo một ứng dụng ngày hôm qua và bạn muốn chia nó thành nhiều phần nhỏ hơn thay vì chỉ sử dụng một phần duy nhất. Liệu có cách nào để làm điều này trong Angular không? Có, bạn có thể sử dụng nhiều phần (NgModule) trong một ứng […]
Tìm hiểu Angular Router
Trước kia, khi bạn truy cập một trang web, thông thường server sẽ gửi toàn bộ nội dung của trang đó cho bạn xem. Khi bạn di chuyển từ trang này sang trang khác, ví dụ như từ trang chủ của một cửa hàng online sang trang chứa thông tin về giày dép, server sẽ […]
Unsubscribe một Subscription trong RxJS
Angular EventEmitter Angular EventEmitter là một công cụ mạnh mẽ trong Angular để tạo và quản lý các sự kiện (events). Nó thực chất là một dạng của Subject trong RxJS. Bạn có thể sử dụng EventEmitter để giao tiếp giữa các component, có thể query các instance của component và đăng ký (subscribe) vào […]
RxJS Subject và Multicasting trong RxJS
Observable Execution Thông thường, mỗi khi bạn subscribe vào một Observable, nó tạo ra một execution mới. Ví dụ: Nếu sau đó bạn subscribe một observer khác sau một khoảng thời gian, bạn sẽ thấy rằng các execution là hoàn toàn riêng biệt: Nhưng có cách nào để chia sẻ một execution giữa các observer […]
Hướng dẫn debug Angular bằng Visual Studio Code
Trong thực tế khi triển khai dự án, có nhiều tình huống cần đi sâu vào lõi của framework để hiểu luồng chương trình chạy, hoặc kiểm tra hiệu năng ứng dụng, việc sử dụng debugger cho Visual Studio Code có thể là cần thiết với các lập trình viên mới. Bài viết này mình […]
Hướng dẫn sử dụng xdebug để gỡ lỗi PHP bằng visual studio code môi trường windows
Sử dụng xdebug để gỡ lỗi PHP bằng visual studio code trên môi trường Windows
RxJS Higher Order Observables và Utility Operators trong RxJS
RxJS Higher Order Observables (HOOs) RxJS Higher Order Observables (HOOs) là những công cụ đặc biệt trong lập trình. Chúng hoạt động tương tự như “map()“, một công cụ biến đổi dữ liệu. Hãy tưởng tượng bạn có một loạt các số được phát ra mỗi giây (0, 1, 2, 3, 4…), và bạn muốn […]
RxJS Error Handling và Conditional Operators trong RxJS
RxJS Error Handling Operators Operator catchError trong RxJS là công cụ quan trọng giúp chúng ta xử lý lỗi trong Observable, tránh việc kết thúc sớm của chuỗi các sự kiện. Khi một lỗi xuất hiện trong Observable, catchError cho phép chúng ta xử lý lỗi này bằng cách trả về một Observable mới hoặc […]
RxJS Combination Operators trong RxJS
forkJoin() trong RxJS ForkJoin(): ForkJoin giống như Promise.all() trong JavaScript. Nó nhận vào một danh sách các Observables và đợi cho đến khi tất cả các Observable trong danh sách complete. Khi tất cả hoàn thành, nó sẽ emit giá trị của từng Observable theo dạng mảng hoặc đối tượng (tùy thuộc vào cách bạn truyền […]
RxJS Filtering Operators trong RxJS
filter() trong RxJS Operator filter() trong RxJS giống như việc lọc các giá trị từ một stream dựa trên một điều kiện nhất định. Khi một giá trị được phát ra từ Observable, nó sẽ được đưa vào hàm predicate. Nếu kết quả của hàm này là true (có nghĩa là giữa), giá trị đó sẽ […]
RxJS Transformation Operators trong RxJS
Pipeable Operators trong Angular Các Pipeable Operator trong Angular là những hàm nhận một Observable và trả về một Observable khác mà không làm thay đổi Observable ban đầu. Chúng hoạt động theo cơ chế pure: Observable đầu vào không bị ảnh hưởng. Cấu trúc sử dụng của chúng như sau: Dù có bao nhiêu […]
RxJS Creation Operators trong RxJS
RxJS Creation Operators là các công cụ mạnh mẽ trong RxJS giúp tạo Observable một cách dễ dàng và linh hoạt hơn so với việc tạo bằng tay. Trong bài trước, chúng ta đã thấy cách tạo một Observable thủ công bằng cách sử dụng constructor. Nhưng liệu có cách nào khác không? Đây chính […]
Giới thiệu Reactive Programming, RxJS và Observable
Observable trong Angular Trong lập trình thông thường, chúng ta thường sử dụng Array để lưu trữ nhiều phần tử. Ví dụ như trong JavaScript, chúng ta có thể sử dụng các phương thức như map, filter, reduce, every, some để thao tác với Array một cách linh hoạt. Tuy nhiên, trong thế giới lập […]
Pipe trong Angular
Pipes là gì? Pipe trong Angular là như một công cụ linh hoạt, giúp chúng ta chuyển đổi dữ liệu từ dạng này sang dạng khác một cách dễ dàng. Nó tương tự như một function nhận đầu vào và trả về một kết quả sau khi xử lý. Ví dụ, khi chúng ta nhận […]
Dịch vụ thiết kế Wesbite
