Programmer Think

1, Ng content for content projection 1.1 ng-content The ng content element is a placeholder for inserting external or dynamic content. The parent component passes the external content to the child component. When Angular parses the template, it will insert the external content where ng content appears in the child component template. We can ...

We may encounter the following situations:At present, we need to write an auto complete component. When the content entered by the user is recorded in the database, it will be saved according to the record. If there is no record, the content entered by the user will be stored in the database as an entity before saving. But we certainly can't st ...

Introduction to RxJS Reactive Extensions for JavaScript RxJS is a library that uses observable sequences to write asynchronous and event based programs. It provides a core type Observable , dependent types (observers, Schedulers, Subjects) and operators inspired by [Array#extras] (map, filter, reduce, every, etc.) can handle asynchro ...

Angular life cycle practiceThe meaning of life cycle hooksIn Angular, the method of realizing the life cycle hook interface of components is to use the Angular framework to realize the time point of inserting business.What is the life cycle in official documentsThere is a chapter in the official document of Angular Lifecycle hooks To explain th ...

First, let's take a look at the runtime effect of my Angular application that supports infinite scroll:https://jerry-infinite-scroll...Scroll the middle mouse button and scroll down to trigger the list to continuously send requests to the background to load new data:The following are the specific development steps.(1) app.component.html source ...

Recently, we are upgrading the company's Angular project. The project is built with Angular cli, and the UI uses Angular metal library and lazy loading route. The Angular version is upgraded from v10 to v13. Upgrade instructions: https://update.angular.io/ Problem: after upgrading, ng serve compilation is very slow It takes 90 seconds just ...

Original link: here 0. Preface The component used at the front end of the project is Ant Design. Recently, I happened to see the debugging project using NZ uoload to upload files. However, it is required to limit the type of file upload. This article briefly records the process. angular+Ant Design for Angular 1.HTML file <nz-upload [(nzF ...

CombineLatest Usage scenarios: This operator is best used when you have multiple, long-lived observables that rely on each other for some calculation or determination. When there are multiple Observable objects that live for a long time and depend on each other to complete some calculation logic, CombineLatest is suitable When any ob ...

Dependency injection is a major feature of Angular, through which you can write more maintainable code. But the JavaScript language itself does not provide the function of dependency injection, so how does Angular implement the function of dependency injection? Read this article and you will find the answer.A typical Angular application, from t ...

Abstract: This article records my two practical experiences in using websocket. In the first practice, I stepped on a lot of holes. The second practice is handy, but many theories are still lacking. Through this article, from theory to practice, we won it all in one fell swoop. catalogue 1, Websocket theory (1) What is Websocket? (2) What i ...