摘要：
今天我们继续来看路由。 这是我们关于路由的最后一节课。 嵌套路由的使用还是蛮频繁的，使用场景场景一： 商城类应用会有大分区里面的小分区， 虽然也可以靠携带不同的路由参数来识别， 但是他们都在同一个视图里面，就会有一个很明显的问题。 有的分类内容比较多，列表很长，有些分类内容比较少，列... 阅读全文
摘要：
我们在实际开发中，会有这样一种场景。 有些页面是允许访客登录的，有些页面是强制用户登录的。 后者，我们希望当用户没有登录的时候，无法直接进去页面， 而是先跳转到登录页面，或者先给出让用户登录的提示。路由守卫两种方法选一种就好了，文件名有冲突哦。推荐第二种。 方法一： 在src/app... 阅读全文
摘要：
路由策略我们上一节课中提到了{provide:LocationStrategy,useClass:HashLocationStrategy} 上一节课中我们说明了html中传统的锚标示路由。 这里我们再看新的路由的另一种实现方式了。 是HTML5的新规则，在不需要刷新页面的轻快下，允... 阅读全文
摘要：
Angular之所以被称为单页面应用，就是因为我们在改变浏览器URL的时候， 不触发刷新当前页面的行为，我们看到的所有的界面，其实是在一个主URL中。 这个功能（功能？现象？表现？随便吧！）就是通过路由实现的。 下面我们先简单的看一个关于路由的例子。 当我们点击上面的导航栏时，当前... 阅读全文
摘要：
和angular1一样angular4也有http库，用来调用外包的API。 为了不使发起的请求，导致当前进入等待而没有响应，HTTP请求都是异步的。 这个之前我们聊过类似的，JavaScript中的异步处理方法。 1、callback回调的方式。 2、promise，这个可以参考我... 阅读全文
摘要：
这节课我们讲解如何使用bootstrap 4 编写响应式布局。 参考图我们还是参照Angular中文社区http://www.angularjs.cn/ 图中标注红色的部分，我自己不是很喜欢，所以做了一点小改动。 他这里也没有做响应式布局，所以样式就不抄他的，我们自己重写。 首先我... 阅读全文
摘要：
讲了四节了，一行代码都没有敲，虽说磨刀不误砍柴工，但我们也是时候，上场砍点啥啦。 今天我们就来编写我们的第一个组件，效果图如下。 首先我们使用angular-cli的generate命令来帮我们自动化创建组件。 $ ng generate component site_status... 阅读全文
摘要：
首先打开新建的项目。 我们先来看一下新建项目的目录结构。查看项目目录结构src文件夹你的应用代码位于src文件夹中。 所有的Angular组件、模板、样式、图片以及你的应用所需的任何东西都在那里。 这个文件夹之外的文件都是为构建应用提供支持用的。 根目录src/文件夹是项目的根文件夹... 阅读全文
摘要：
这节课，我们将要了解的是如何使用VS Code安装Chrome扩展对Angular进行调试。步骤一：确保环境确保将谷歌浏览器安装在其默认位置。 确保在VS Code中安装了插件：Debugger for Chrome 使用npm在全局范围内安装了angular/cli ，并且版本大于... 阅读全文
摘要：
上一节课我们已经创建了一个新的项目， 这节课我们了解一下如何创建码云（https://git.oschina.net/）管理我们的代码。 在工作中，不管是自己一个人开发，还是团队开发，都会涉及到版本控制。 比较常用的版本控制软件有svn和git。 （如果你会使用git，会版本控制，那... 阅读全文