什么是 Angular? Angular 是一个开源前端框架,由 Google 维护。它使用 TypeScript 编写,提供了一种组织和构建 Web 应用程序的方法。
如何创建一个新的 Angular 应用程序? 可以使用 Angular CLI(命令行界面)创建新的 Angular 应用程序。在命令行中运行以下命令:
ng new my-app
这将创建一个名为 my-app 的新 Angular 应用程序。
以下是一个简单的组件示例:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'My App';
}
以下是一个简单的属性指令示例:
import { Directive, ElementRef } from '@angular/core';
@Directive({
selector: '[appHighlight]'
})
export class HighlightDirective {
constructor(el: ElementRef) {
el.nativeElement.style.backgroundColor = 'yellow';
}
}
以下是一个简单的服务示例:
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root',
})
export class DataService {
data: any[] = [];
add(item: any) {
this.data.push(item);
}
get() {
return this.data;
}
}