TypeScript入门与实战
上QQ阅读APP看书,第一时间看更新

1.3.2 Angular

Angular是由Google公司推出的一款开源的Web应用程序框架。严格地讲,当使用“Angular”这个名字时,我们指的是Angular 2.0及以上版本;而当使用“AngularJS”这个名字时,则特指Angular 1.x版本。不论是AngularJS还是Angular,它们都是非常流行的框架。

Angular使用TypeScript语言对AngularJS进行了完全重写。关于Angular开发团队选择使用TypeScript语言进行重写的原因,Angular工程总监Brad如是说道:“我们喜爱Type-Script的很多方面……”在使用了TypeScript后,一些团队成员说:“现在我能够真正理解我们的大多数代码了!”因为他们能够方便地在代码之间导航并理解它们之间的关系。此外,我们已经利用TypeScript的检查发现了一些Bug。

Angular团队也推荐使用TypeScript语言作为Angular应用的首选开发语言。下面是一段Angular代码示例:


01 /**
02  * Copyright Google LLC. All Rights Reserved.
03  * Use of this source code is governed by an MIT-style
04  * license that can be found in the LICENSE file
05  * at http://angular.io/license
06  */
07 import { Component, OnInit } from '@angular/core';
08 
09 import { Hero } from '../hero';
10 import { HeroService } from '../hero.service';
11 
12 @Component({
13     selector: 'app-dashboard',
14     templateUrl: './dashboard.component.html',
15     styleUrls: ['./dashboard.component.css'],
16 })
17 export class DashboardComponent implements OnInit {
18     heroes: Hero[] = [];
19 
20     constructor(private heroService: HeroService) {}
21 
22     ngOnInit() {
23         this.getHeroes();
24     }
25 
26     getHeroes(): void {
27         this.heroService.getHeroes().subscribe(heroes => {
28             this.heroes = heroes.slice(1, 5);
29         });
30     }
31 }