上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 }