简介：

Angular是构建web应用程序的一个流行而强大的框架，但与任何技术一样，它也有一些糟糕的做法。作为一名开发人员，重要的是要意识到这些最糟糕的做法，这样你就可以避免它们，并编写可维护、高性能和可扩展的代码。

在本文中，我们将探讨Angular开发中一些最常见的最差实践，并提供解决方案和最佳实践。

因此，让我们深入学习如何避免Angular开发中的这些常见错误

请深呼吸，保持耐心。

1.不要清除您的订阅：

这是一种非常常见的做法，可能会导致内存泄漏🤯🤯

constructor(private userService:UserService){}

onInit(){
this.userService.user$.subscribe(user=>{...})
}

当您在Angular中订阅Observable时，您正在Observable和订阅者之间创建连接。

Observable将继续发出值，直到您取消订阅它，即使订阅它的组件不再使用。

要解决此问题，只需使用其中一个：

您是否在Angular模板中实现角色库访问控制？一种方法是通过*ngIf，但我不会选择该路径，因为它将在Angular模板中包含自定义函数，并且很难维护。正确的方法是使用Angular结构指令🚀.

什么是RBAC？

基于角色的访问控制（RBAC）是指根据用户在组织中的角色为其分配权限的想法。它提供了一种简单、可管理的访问管理方法，与单独为用户分配权限相比，这种方法更不容易出错。

实施

假设我们有一个具有3个属性的帐户接口：id、name和roles。角色是枚举类型的数组，可以表示我们的帐户可以具有的不同角色，包括ADMIN、USER、EDITOR、VIEWER。

这篇文章将帮助你避免以后很难（或只是令人厌烦）纠正的错误。如果你打算创建一个新项目，并想让它变得令人惊叹——继续阅读！

纯函数

这是最重要的：保持你的函数的纯粹性，尽可能多地使用它们。

维基百科就是这样定义纯函数的：

• 对于相同的参数，函数返回值是相同的（局部静态变量、非局部变量、可变引用参数或输入流没有变化），并且
• 该函数没有副作用（没有局部静态变量、非局部变量、可变引用参数或输入/输出流的突变）。

使用关键字this的函数并不纯粹——它们使用的信息超出了它们的作用域，因此它们可以为相同的参数返回不同的结果。

尽管如此，我们的一些函数显然必须使用这一点——尽管如此，还是要尽可能多地将代码从不纯函数转移到纯函数。

变异其论点的函数是邪恶的最大来源——不惜一切代价避免它们。

不可变动性

数据的意外突变通常会导致危险的错误，这就是JS社区创建工具为数据结构提供不变性的原因。如果你愿意的话，你可以找到它们并阅读它们的文档（至少阅读它们是个好主意）。

Angular开发以其健壮性、可扩展性和性能而闻名，因此在web开发公司和开发人员中很受欢迎。因此，在Angular开发中采用最佳实践可以带来一致性、代码可读性、性能、可维护性和可扩展性。

它可以帮助团队成员更有效地合作，减少出现错误的机会，并确保代码库能够支持不断发展的需求。本文的目标是列出Angular开发人员应该遵循的最佳实践，以确保他们的应用程序获得高水平的接受和成功。

Angular CLI的定期使用

Angular CLI是一个非常强大的工具。强烈建议您安装并尽可能多地使用它。使用预定义的命令，而不是手工完成所有操作，非常节省时间。列出一些常用的命令

Angular is a popular front-end web development framework that provides a robust set of features and tools to build scalable web applications. However, building scalable Angular applications can be a daunting task. In this article, we will discuss 10 best practices for building scalable Angular applications, along with code examples, explanations, and examples of bad practices to avoid.

What is Angular Pipe?

A pipe takes in data as input and transforms it into an output. The pipe’s purpose is to allow the transformation of an existing value and reusability!

Let’s start from the basics and gradually progress towards more advanced concepts in RxJS in Angular

Observables and Observers:

Observables are the foundation of RxJS, representing a stream of data that can be observed over time. Observers are the consumers of these streams, listening for emitted data and reacting accordingly.

Angular is a popular web framework used for developing complex web applications. It provides developers with a powerful set of features and tools, but can also be quite complex to work with. In this article, we will explore some of the lesser-known Angular tricks that can help you become an Angular pro.