摘要：
首先打开新建的项目。 我们先来看一下新建项目的目录结构。查看项目目录结构src文件夹你的应用代码位于src文件夹中。 所有的Angular组件、模板、样式、图片以及你的应用所需的任何东西都在那里。 这个文件夹之外的文件都是为构建应用提供支持用的。 根目录src/文件夹是项目的根文件夹... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(233)
评论(0)
推荐(0)
摘要：
讲了四节了，一行代码都没有敲，虽说磨刀不误砍柴工，但我们也是时候，上场砍点啥啦。 今天我们就来编写我们的第一个组件，效果图如下。 首先我们使用angular-cli的generate命令来帮我们自动化创建组件。 $ ng generate component site_status... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(127)
评论(0)
推荐(0)
摘要：
这节课我们讲解如何使用bootstrap 4 编写响应式布局。 参考图我们还是参照Angular中文社区http://www.angularjs.cn/ 图中标注红色的部分，我自己不是很喜欢，所以做了一点小改动。 他这里也没有做响应式布局，所以样式就不抄他的，我们自己重写。 首先我... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(444)
评论(0)
推荐(0)
摘要：
和angular1一样angular4也有http库，用来调用外包的API。 为了不使发起的请求，导致当前进入等待而没有响应，HTTP请求都是异步的。 这个之前我们聊过类似的，JavaScript中的异步处理方法。 1、callback回调的方式。 2、promise，这个可以参考我... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(489)
评论(0)
推荐(0)
摘要：
Angular之所以被称为单页面应用，就是因为我们在改变浏览器URL的时候， 不触发刷新当前页面的行为，我们看到的所有的界面，其实是在一个主URL中。 这个功能（功能？现象？表现？随便吧！）就是通过路由实现的。 下面我们先简单的看一个关于路由的例子。 当我们点击上面的导航栏时，当前... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(210)
评论(0)
推荐(0)
摘要：
路由策略我们上一节课中提到了{provide:LocationStrategy,useClass:HashLocationStrategy} 上一节课中我们说明了html中传统的锚标示路由。 这里我们再看新的路由的另一种实现方式了。 是HTML5的新规则，在不需要刷新页面的轻快下，允... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(721)
评论(0)
推荐(0)
摘要：
我们在实际开发中，会有这样一种场景。 有些页面是允许访客登录的，有些页面是强制用户登录的。 后者，我们希望当用户没有登录的时候，无法直接进去页面， 而是先跳转到登录页面，或者先给出让用户登录的提示。路由守卫两种方法选一种就好了，文件名有冲突哦。推荐第二种。 方法一： 在src/app... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(773)
评论(0)
推荐(1)
摘要：
今天我们继续来看路由。 这是我们关于路由的最后一节课。 嵌套路由的使用还是蛮频繁的，使用场景场景一： 商城类应用会有大分区里面的小分区， 虽然也可以靠携带不同的路由参数来识别， 但是他们都在同一个视图里面，就会有一个很明显的问题。 有的分类内容比较多，列表很长，有些分类内容比较少，列... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(888)
评论(0)
推荐(0)
摘要：
在网上好多人，喜欢找别人写好的一些线上的项目源码，比较完整的。想着学习的更加实用和全面一点。这无可厚非，但是，我发现有好多人并不是很在意官方提供的demo。比如ionic的tabs demo就没有什么人看。我个人觉得既然官方把这样的demo推到了入门的地位，那必然是有它的道理的。所以我很喜欢从官方的... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(216)
评论(0)
推荐(0)
摘要：
这节课我们来说说微信提供的小程序开发工具。一、首先我们从官网下载微信开发者工具，注意，不要下到旧版本的公众号调试工具。之前安装过web开发工具的朋友，可能会遇到一个奇怪的问题，明明下载的安装包是最新的，安装完打开的却是旧版的界面。这时候只要把旧版的卸载之后，把所有的文件都删除重新安装就可以了。从微信... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(137)
评论(0)
推荐(0)
浙公网安备 33010602011771号