Web front-end learning: 8 common Angular JS mistakes round up

Anyone who learns web front-end development knows that it is one of the most popular front-end JavaScript frameworks in the world, and it is also something that must be mastered and familiar with when learning web front-end development. But for novices, it is inevitable to make mistakes in use. Below, Qianfeng Guangzhou Xiaobian will share with you a few common AngularJS mistakes to help you learn web front-end better.

1. Unsubscribe operation

Angular developers often make the mistake of failing to unsubscribe. Because developers are required to deal with a plethora of methods and libraries, once they're done using these events in JavaScript, they'll have to unsubscribe. There is a high chance of memory leaks in the system due to delayed subscriptions. Now there are two situations:

It needs to be triggered if you subscribe to the component consisting of the OnDestroyLifecycle hook. Once you start the hook, if it's a service, there are no hooks available.

Anyway, as an Angular developer, you have to be careful about this common but crucial error. This will save you from long-term damage.

2. Improperly organized code

When a developer is working on a Javascript-based front-end framework like AngularJS, it is the developer's responsibility to divide the code into smaller components.

When you keep this code separate, bugs can be tracked down effortlessly. However, not all experts are skilled enough to do this. This is because of Angular's MVC architecture, controllers receive a lot of coding, which is another common mistake that Angular developers must avoid. You can try creating smaller organized units, which most development companies do. In general, can keep things easy and simple.

3. Involves jQuery

Whether you're looking to build a mobile app or a web app, most developers use jQuery. If you are using Angular then it is recommended that you do not use jQuery as jQuery is not optimal when combined with frameworks. Also, don't forget that Angular itself is strong enough in this regard to solve the problem by asking for help from third-party libraries.

4. Modify the DOM directly

Another common mistake made by AngularJS developers is directly changing the DOM. First, the DOM is primarily thought of as an API for HTML and XML that can be used for a variety of purposes. For example, if there is any change in the context in which the SVG is executed, you can refresh the title of the page, etc. The possibilities are almost endless, it's just that you need to consider simple and straight forward methods, instead of changing the DOM directly, use jQuery or ElementRef.nativeElement or Renderer2 services.

5. Improper use of event handlers

If you want to add functionality, Angular is the best option for you to consider! Such functionality can be added to forecast data.

6. Confirm the same component in multiple NgModule

Many developers use the same component in different ng modules, this is one of the most common mistakes that most Angular developers ignore. This common mistake can be avoided by using each component in its own NgModule and listing it in the @Ngmodule.declarations array so that it is available to the view.

If in some cases you have to use the same component for different ng modules, you can do:

Declare the HeroComponent in the submodule using the submodule's NMModule.declaration

Use the child's NMModule.exports array to...export the HeroComponent

Import a submodule using the parent module's NMModule.imports array

7. Unchecked

Most of the time, we often ignore the fact that the application is checked before it is released. This is a huge mistake that Angular developers or other developers often make. However, people don't realize that errors can be released due to a plethora of environmental factors. Fortunately, we have so many cross-browser testing tools that make it easy to inspect applications.

8. Scope binding

The term scope in Angular refers to all built-in objects, especially those that contain application data. You have to fully realize that Angular is such a technology, it contains several interesting features and is highly dependent on the MVC architecture, where the role of the scope is to bind views and controllers, the only thing to consider here is to use a simple source of information .

For beginners, these common AngularJS mistakes can also be easily avoided in development if they are aware of these common AngularJS mistakes in advance.