编写你的第一个Angular2 Web应用

hqor3563 9年前

来自: https://github.com/kittencup/angular2-ama-cn/issues/24

简单的Reddit克隆

在本章中,我们要构建一个应用程序,允许用户发布了一篇文章(带有标题和URL)并且可以给文章投票

你可以认为这个应用是一个站点的初期,像 RedditProduct Hunt

在这个简单的应用中,我们将一起涉及到Angular 2大部分内容。 包括:

  • 构建自定义组件
  • 从表单中接受用户输入
  • 将对象列表渲染到视图
  • 拦截用户点击并处理他们

当你完成这一章你会掌握如何构建基本的Angular 2应用程序。

我们的应用将会和下面的截图看起来差不多

首先,用户提交新的链接后,用户将能够对每篇内容进行upvote和downvote。每一个链接都会有一个分数,可以投票给我们发现有用的链接。

在这个项目和整本书中,我们使用TypeScript来编写,TypeScript是JavaScript的ES6的超集,增加了数据类型。在本章中我们不会深度讨论TypeScript,但如果你熟悉ES5/ES6,那应该没有任何问题。

我们会在下一章深度了解TypeScript。如果你遇到了一些新的语法无需太担心。