编写你的第一个Angular2 Web应用
hqor3563
9年前
来自: https://github.com/kittencup/angular2-ama-cn/issues/24
简单的Reddit克隆
在本章中,我们要构建一个应用程序,允许用户发布了一篇文章(带有标题和URL)并且可以给文章投票
你可以认为这个应用是一个站点的初期,像 Reddit 或 Product Hunt ,
在这个简单的应用中,我们将一起涉及到Angular 2大部分内容。 包括:
- 构建自定义组件
- 从表单中接受用户输入
- 将对象列表渲染到视图
- 拦截用户点击并处理他们
当你完成这一章你会掌握如何构建基本的Angular 2应用程序。
我们的应用将会和下面的截图看起来差不多
首先,用户提交新的链接后,用户将能够对每篇内容进行upvote和downvote。每一个链接都会有一个分数,可以投票给我们发现有用的链接。
在这个项目和整本书中,我们使用TypeScript来编写,TypeScript是JavaScript的ES6的超集,增加了数据类型。在本章中我们不会深度讨论TypeScript,但如果你熟悉ES5/ES6,那应该没有任何问题。
我们会在下一章深度了解TypeScript。如果你遇到了一些新的语法无需太担心。