博客专栏  >  前端   >  Angular4.x入门教程

Angular4.x入门教程

不全面的介绍Angular4.x,优先讲解应用级内容,是读者快速上手搭建Angular4.x项目。优先讲解实用性内容,包含一点前端框架设计思想,不深入讲解技术实现原理。

关注
5 已关注
12篇博文
  • Angular最新教程-第十二节 管道Pipes 内置管道

    管道就是将输入的数据->通过某种转换->输出期望的值。 最常见的就是把服务端下发的时间戳转化成前端需要的时间字符串。 比如服务器下发的时间是1507519139, 而我们需要展示的时间是2017...

    2017-10-09 14:23
    105
  • Angular最新教程-第十一节 路由四 (嵌套路由)

    今天我们继续来看路由。 嵌套路由的使用还是蛮频繁的,使用场景场景一: 商城类应用会有大分区里面的小分区, 虽然也可以靠携带不同的路由参数来识别, 但是他们都在同一个视图里面,就会有一个很明显的...

    2017-09-29 11:06
    77
  • Angular最新教程-第十节 路由三(路由器钩子函数、路由守卫)

    我们在实际开发中,会有这样一种场景。 有些页面是允许访客登录的,有些页面是强制用户登录的。 后者,我们希望当用户没有登录的时候,无法直接进去页面, 而是先跳转到登录页面,或者先给出让用户登录的提...

    2017-09-28 17:51
    74
  • Angular最新教程-第九节 路由二(路由策略、base标签、路由参数)

    路由策略 我们上一节课中提到了{provide:LocationStrategy,useClass:HashLocationStrategy} 上一节课中我们说明了html中传统的锚标示路由。 ...

    2017-09-28 15:30
    227
  • Angular最新教程-第八节 路由一(路由配置)

    Angular之所以被称为单页面应用,就是因为我们在改变浏览器URL的时候, 不触发刷新当前页面的行为,我们看到的所有的界面,其实是在一个主URL中。 这个功能(功能?现象?表现?随便吧!)就是通...

    2017-09-28 12:11
    252
  • Angular最新教程-第七节HTTP get post 设置头部 跨域访问

    和angular1一样angular4要是有http库,用来调用外包的API。 为了不使发起的请求,导致当前进入等待而没有响应,HTTP请求都是异步的。 这个之前我们聊过类似的,JavaScrip...

    2017-09-27 11:01
    222
  • Angular最新教程-第六节编写响应式导航栏

    这节课我们讲解如何使用bootstrap 4 编写响应式布局。 参考图我们还是参照Angular中文社区http://www.angularjs.cn/ 图中标注红色的部分,我自己不是很喜欢,...

    2017-09-26 14:19
    665
  • Angular最新教程-第五节编写第一个组件

    讲了四节了,一行代码都没有敲,虽说磨刀不误砍柴工,但我们也是时候,上场砍点啥啦。 今天我们就来编写我们的第一个组件,效果图如下。 首先我们使用angular-cli的generate命令来帮我...

    2017-09-22 16:01
    474
  • Angular最新教程-第四节详细说明初始化项目

    首先我们打开我们新建的项目。 我们先来看一下新建项目的目录结构。查看项目目录结构src文件夹你的应用代码位于src文件夹中。 所有的Angular组件、模板、样式、图片以及你的应用所需的任何东西都在...

    2017-09-20 15:07
    468
  • Angular最新教程-第三节在谷歌浏览器中调试Angular

    这节课,我们将要了解的是如何使用VS Code安装Chrome扩展对Angular进行调试。步骤一:确保环境 确保将谷歌浏览器安装在其默认位置。 确保在VS Code中安装了插件:Debugger f...

    2017-09-13 11:56
    524
  • Angular最新教程-第二节使用git、svn和码云做版本控制

    上一节课我们已经创建了一个新的项目, 这节课我们了解一下如何创建码云(https://git.oschina.net/)管理我们的代码。 在工作中,不管是自己一个人开发,还是团队开发,都会涉及到版...

    2017-09-12 10:43
    207
  • Angular最新教程-第一节环境搭建和新建项目

    步骤一:安装开发环境在开始学习angular之前,我们要先设置好开发环境。 一般现在的的开发环境基本上都是nodejs, 因为基本上都有使用了nodejs的npm管理和安装依赖包。 如果你的电脑...

    2017-09-11 16:33
    649
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部