angular2
文章平均质量分 71
wpengch1
这个作者很懒,什么都没留下…
展开
-
第一章 编写第一个angular应用程序
一个简单的reddit应用程序在这一章,我们编写一个能够提交一篇文章(包含URL以及标题)并且可以对帖子进行投票的应用程序。 你可以认为这个应用程序是Reddit.com或者Product Hunt的原型。 在这个简单的应用程序中,我们将会学习到angular2包含的一个必须的部分: - 编写一个自定义组件 - 从表单接受用户输入 - 在视图上渲染一个对象列表 - 拦截用户点击事件并响应翻译 2016-05-27 17:03:53 · 3542 阅读 · 0 评论 -
第九章 路由
在web开发中,路由说的是根据浏览器上的URL的规则,将应用程序分成不同的区域。比如我们访问一个网站的/路径,我们可能访问的是这个网站的home目录,如果我们访问/about,我们可能访问的是“about page”等等。为什么要路由在我们的应用程序中定义路由是有用的,因为我们能:将应用程序分离成不同的区域在应用程序中维护状态根据特定的规则保护应用程序的区域比如,假设我们编写一个invent翻译 2016-06-02 10:57:39 · 2688 阅读 · 0 评论 -
第十二章 测试(Testing)
在你的程序中,你花费几个小时、几天、几月或者几年之后,最终你会将你的程序推向世界,大量的时间和努力已经投入了,现在是时候寻求回报了…,突然,一个错误导致任何人都登录不了。Test driven(测试驱动)测试可以帮助在产品上线之前发现bug并解决它,而且可以使得项目新成员更快理解。翻译 2016-06-02 22:39:02 · 602 阅读 · 0 评论 -
第四章 内建组件
介绍angular2提供了很多内建的组件,在这一章,我们会分别介绍它们,并展示一些怎么使用它们的例子. :fa-info-circle:内建组件可以直接导入到项目中来,而不需要像我们前面介绍一样使用directives导入NgIf当你想要根据一个特定的条件显示或者隐藏一个组件的时候,你可以使用NgIf,条件是一个返回boolean类型的ng2的表达式. 如果表达式返回false,元素将从DO翻译 2016-05-30 11:08:32 · 4632 阅读 · 0 评论 -
第十一章 从angular1升级到angular2
该章以后翻译翻译 2016-06-02 22:25:46 · 914 阅读 · 0 评论 -
第十章 高级组件
通读本书,我们学会了怎么使用内建组件和怎么新建自己的组件,在这一章,我们会讲解一些在构建组件过程中使用到的高级特性。在本章中,我们会学习下面的几个部分:组件样式(封装的)改变宿主(host)元素修改嵌入模板访问邻居指令使用生命周期回调脏检查样式(style)angular提供了一种指定组件样式的机制,CSS代表级联样式表,但是有时候我们并不希望级联,相反,我们希望给一个组件提供样式,但翻译 2016-06-02 17:02:44 · 2372 阅读 · 0 评论 -
第八章 HTTP
介绍angular有它自己的Http库,我们可以使用他们去调用外部的数据和API。当我们去请求外部数据的时候,我们希望页面能够与用户继续保持交互。也就是说,我们不希望我们的页面一直冻结到外部数据返回,为了完成这个,我们的HTTP请求时异步的。历史证明,处理异步代码比处理同步代码复杂得多。 在javascript中,有三种方式去处理异步代码: Callbacks Promises翻译 2016-06-02 00:21:23 · 1200 阅读 · 0 评论 -
第七章 数据结构第二部分:视图
构建我们的视图:ChatApp顶层组件让我们将目光转向我们的引用,并实现视图组件。 :fa-info-circle:为了清晰和节省空间,在接下来的代码中我们不会包含import语句、css和其他一些样例代码。如果你关注这些细节,打开我们的示例代码,里面包含了运行应用程序的一切。第一件事情就是去创建一个叫chat-app的顶层组件。就像我们在前面讨论的那样,这个页面可以分解为三个顶层组件。翻译 2016-06-01 19:11:05 · 917 阅读 · 0 评论 -
第六章 数据结构
数据结构概览编写一个可维护的APP最难的方面之一是管理数据.在你的应用程序中,有很多种方式去获取数据. AJAX请求 Websocket Indexdb LocalStorage Service Workers 等等 管理数据难的问题有: 我们怎么聚合这些不同来源的数据到一个一致的系统中 我们怎样才能避免意外的副作用引起的错误 我们怎么组织代码,翻译 2016-05-30 15:09:03 · 1535 阅读 · 0 评论 -
第五章 表单
表单是最重要也是最复杂的表单可能是WEB世界里最重要的,通过表单获取用户的输入.另一方面,表单看起来又是简单的,你放置一个input标签,一个submit按钮,然后点击按钮,提交,有什么难的呢? 实践证明,表单确实是很复杂的,理由如下: 表单输入意味着修改服务器与客户端的数据. 改变通常会需要去反映到其他的地方 用户会随意输入不同的值,所以需要校验 如果需要,需要清楚地标明错翻译 2016-05-30 15:07:43 · 5493 阅读 · 0 评论 -
第三章 angular是怎么工作的
在这章中,我们会去讨论angular2中的高级概念,我们需要退一步,这样我们才能看清楚所有这些片段是怎么组装起来的. :fa-info-circle: 如果你使用angular1,你会发现angular2使用了不一样的基础模型,别慌,angular2的基础模型更加直接和熟悉,本书的后面,我们会告诉你,怎样将你的angular1编写的程序转换成angular2程序在本章中,我们会深入每一个概念,翻译 2016-05-28 16:25:59 · 930 阅读 · 1 评论 -
第二章 Typescript
angular 2是由Typescript编写angular 2是有一门像Javascript的语言Typescript编写的。 你可能会觉得奇怪,angular 2为什么使用一门新的语言。但是,最终证明这是一个伟大的决定,这里有许多理由去使用Typescript而不是JavaScript。 Typescript不完全是一门新的语言,它是ES6的超集。如果你写过ES6的代码,它是完全有效并且兼容翻译 2016-05-28 11:48:48 · 2318 阅读 · 0 评论 -
第十三章 依赖注入(DI)
注:学习使用,禁止转载通常,随着应用程序的变大,应用程序的不同部分需要交流,当模块a需要模块b才能运行时,我们说b依赖于a。获得依赖的最常见的一种方式就是导入一个文件,比如,在我们假设的模块中,我们可能向下面这样做:// in A.tsimport {B} from 'B'; // a dependency!B.foo(); // using B通常情况下,简单导入其他代码就够了,然而有时候,我们翻译 2016-06-02 23:19:15 · 974 阅读 · 0 评论