为什么我的风格不适合 Angular 11 - Javascript

在使用Angular 11时，您可能会发现您的代码风格不适合。这是因为Angular 11是基于TypeScript构建的，它有一些关键概念和约定，这些约定在JavaScript中可能不常见，因此需要您更改代码风格。

TypeScript 强类型

Angular 11是基于TypeScript来构建的。TypeScript是一种强类型的语言，它可以在编译时捕获错误，因此可以大大减少运行时错误。

为了适应TypeScript，您需要为每个变量，函数和类定义类型。如果您在JavaScript中使用动态类型，您需要仔细考虑如何在TypeScript中定义相应的类型。

以下是一个简单的JavaScript函数：

function add(x, y) {
  return x + y;
}

在TypeScript中，它应该改写为：

function add(x: number, y: number): number {
  return x + y;
}

Angular 特定的约定

除了TypeScript之外，Angular还有一些特定的约定需要遵循。这些约定包括：

• 在模板中使用 [(ngModel)] 来绑定数据
• 使用 @ 符号来触发事件处理程序
• 使用 *ngFor 来遍历数组

如果您不熟悉这些约定，您可能会发现自己的代码无法与Angular一起使用。

组件架构

在Angular中，组件是构建Web应用程序的基本单元。组件具有输入和输出，以便它们可以与其他组件进行通信。

如果您没有使用组件架构，则您的代码可能无法与Angular一起使用。您需要将代码重构为包含组件的模块化体系结构。

总结

在使用Angular 11时，您的代码风格需要遵循特定的约定和概念。如果您没有遵循这些约定，您的代码可能无法与Angular一起使用。

为了适应这种改变，您需要：

• 学习TypeScript语言和强类型
• 学习Angular的约定和组件架构
• 重构您的代码以符合这些要求

通过遵循这些指南，您将能够使用Angular来构建强大的Web应用程序。