这篇就先暂停下上篇博客--你画我猜的进度,因为在做这个游戏的时候,想采用最新的ng2技术,奈何坑是一片又一片,这边就先介绍下环境部署和填坑史 既然要用ng2,首先要拿到资源,我这边用的是angularJs2 beta版的,网上的资源有两种,一个是文件全压缩版的.min.js版的另一个就是一大堆乱七八 ...
分类:
Web程序 时间:
2016-06-16 19:42:53
阅读次数:
1275
一个 timesheet.js (JavaScript library for HTML5 & CSS3 time sheets) 的 Angular 2 复制版 用法: app.component.ts app.component.html 效果: 源代码: https://github.com/ ...
分类:
Web程序 时间:
2016-06-12 01:43:48
阅读次数:
350
1、没有嵌套路由 类似 ui-route 上述的html用红字标记的是必须导入的。这是因为:路由并不在ng2中,需要我们额外引入,另外我们需要设置base href,这是个什么东西呢?相当于我们后续所有url的“前缀”,因为我们的app默认是基于"HTML 5 pushState" 风格的路由,所以 ...
分类:
其他好文 时间:
2016-06-06 00:43:56
阅读次数:
159
前言: 本系列在前面两篇文章,介绍了Zone.js和angular2的基础概念。而后对于ng2的学习,还是由官方的 Tour of Heroes 开始。 以下内容经过提炼和个人理解,当然也会有不正确的地方,欢迎指正。有兴趣的朋友,可以自己开始ng2之旅,再结合本篇文章一起理解。 ng2的配置比较麻烦 ...
分类:
其他好文 时间:
2016-06-01 12:54:50
阅读次数:
294
介绍angular2提供了很多内建的组件,在这一章,我们会分别介绍它们,并展示一些怎么使用它们的例子.
:fa-info-circle:内建组件可以直接导入到项目中来,而不需要像我们前面介绍一样使用directives导入
NgIf当你想要根据一个特定的条件显示或者隐藏一个组件的时候,你可以使用NgIf,条件是一个返回boolean类型的ng2的表达式.
如果表达式返回false,元素将从DO...
分类:
其他好文 时间:
2016-05-30 14:42:31
阅读次数:
244
今天我们要讲的是ng2的路由的第二部分,包括路由嵌套、路由生命周期等知识点。 例子 例子仍然是上节课的例子: 上节课,我们讲解了英雄列表,这节课我们讲解危机中心。 源代码: https://github.com/lewis617/angular2-tutorial/tree/gh-pages/rou ...
分类:
Web程序 时间:
2016-04-04 18:12:11
阅读次数:
1505
今天我们要讲的是ng2的路由系统。 例子 例子是官网的例子,包含一个“危机中心”和“英雄列表”,都在一个app中,通过路由来控制切换视图。还包含了promise的用法,服务的用法等多个知识点。 源代码: https://github.com/lewis617/angular2-tutorial/tr ...
分类:
其他好文 时间:
2016-04-04 17:53:44
阅读次数:
652
大家好,今天我们要讲的是http模块的第二部分,主要学习ng2中Jsonp、URLSearchParams、observable中断选择数据流的用法。 例子的第一个程序,上节课已经讲过了。这节课我们学习第二个程序,从wiki的api中跨域获取数据,可实现300毫秒内中断和选择最近请求等炫酷功能,这些
分类:
Web程序 时间:
2016-03-21 17:55:06
阅读次数:
6643
今天我们要讲的ng2的service这个概念,和ng1一样,service通常用于发送http请求,但其实你可以在里面封装任何你想封装的方法,有时候控制器之间的通讯也是依靠service来完成的,让我们一睹为快! 例子 例子是官方的例子,加载一个英雄列表,点击显示详细信息。我直接放在我们的升级后的装
分类:
其他好文 时间:
2016-02-29 14:18:51
阅读次数:
597
为了面向ng2和前端未来,开始搞向ts,ts是微软出的一枚语言,作为es6的超集,他出的一些特性还是蛮好用的(略坑)。对于我等纯前端(从开始就接触javascript)的人来说,真想说,这特么什么鬼。部分特性同es6(个人对es6还是蛮有好感的)。ts同期的coffeescript,将js pyth
分类:
其他好文 时间:
2016-02-19 20:37:52
阅读次数:
311