Angular最新教程-第十四节 指令 结构型指令 属性型指令 自定义指令

Angular最新教程-第十四节 指令 结构型指令 属性型指令 自定义指令

在 Angular 中有三种类型的指令: 组件 — 拥有模板的指令 结构型指令 — 通过添加和移除 DOM 元素改变 DOM 布局的指令 属性型指令 — 改变元素、组件或其它指令的外观和行为的指令。组件组件就是拥有模板的指令,这个我们在第五节编写第一个组件中就已经牛刀小...

Angular最新教程-第十三节 管道Pipes 自定义管道

Angular最新教程-第十三节 管道Pipes 自定义管道

自定义管道运行ng generate pipe pipes/cny-currency 因为自定义管道使用的比较少,所以我们把管道都新建到pipes文件目录下。 打开\src\app\pipes\cny-currency.pipe.ts 这里我们编写了一个简单的管道,在输入的前面加...

Angular最新教程-第十二节 管道Pipes 内置管道

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

Angular最新教程-第十一节 路由四 (嵌套路由)

Angular最新教程-第十一节 路由四 (嵌套路由)

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

Angular最新教程-第十节 路由三(路由器钩子函数、路由守卫)

Angular最新教程-第十节 路由三(路由器钩子函数、路由守卫)

我们在实际开发中,会有这样一种场景。 有些页面是允许访客登录的,有些页面是强制用户登录的。 后者,我们希望当用户没有登录的时候,无法直接进去页面, 而是先跳转到登录页面,或者先给出让用户登录的提示。路由守卫两种方法选一种就好了,文件名有冲突哦。推荐第二种。 方...

Angular最新教程-第九节 路由二(路由策略、base标签、路由参数)

Angular最新教程-第九节 路由二(路由策略、base标签、路由参数)

路由策略我们上一节课中提到了{provide:LocationStrategy,useClass:HashLocationStrategy} 上一节课中我们说明了html中传统的锚标示路由。 这里我们再看新的路由的另一种实现方式了。 是HTML5的新规则,在不需要刷新页面的轻快下...

Angular最新教程-第八节 路由一(路由配置)

Angular最新教程-第八节 路由一(路由配置)

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

Angular最新教程-第七节HTTP get post 设置头部 跨域访问

Angular最新教程-第七节HTTP get post 设置头部 跨域访问

和angular1一样angular4也有http库,用来调用外包的API。 为了不使发起的请求,导致当前进入等待而没有响应,HTTP请求都是异步的。 这个之前我们聊过类似的,JavaScript中的异步处理方法。 1、callback回调的方式。 2、promise,这个可以参考我很早之前的一篇博...

Angular最新教程-第六节编写响应式导航栏

Angular最新教程-第六节编写响应式导航栏

这节课我们讲解如何使用bootstrap 4 编写响应式布局。 参考图我们还是参照Angular中文社区http://www.angularjs.cn/ 图中标注红色的部分,我自己不是很喜欢,所以做了一点小改动。 他这里也没有做响应式布局,所以样式就不抄他的,我们自己重写。 首先我们先简要的分析一下...

Angular最新教程-第五节编写第一个组件

Angular最新教程-第五节编写第一个组件

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

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。