Angular 简介

Angular 是一个由 Google 维护的开源前端 JavaScript 框架，用于构建高性能的单页面应用程序。它提供了丰富的组件库、双向数据绑定和模块化架构，使得开发人员能够更高效地构建复杂的应用。

特性

组件化：Angular 支持组件化开发，每个组件都是一个独立的代码单元，易于维护和重用。
双向数据绑定：使用 [(ngModel)] 实现 Vue.js 风格的双向数据绑定。
模块化：通过模块来组织代码，提高代码的可维护性和可扩展性。
依赖注入：Angular 内置了强大的依赖注入系统，可以轻松管理依赖关系。

安装

您可以通过 npm 或 yarn 来安装 Angular CLI，然后创建一个新的 Angular 项目。

npm install -g @angular/cli
ng new my-angular-app
cd my-angular-app
ng serve

示例

以下是一个简单的 Angular 组件示例：

<!-- app.component.html -->
<h1>{{ title }}</h1>

<p>{{ message }}</p>

<button (click)="sayHello()">Hello</button>

// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'Angular 示例';
  message = '欢迎来到 Angular 的世界！';

  sayHello() {
    alert('Hello!');
  }
}

学习资源

想要了解更多关于 Angular 的知识，可以访问以下链接：