Angular 2+ - 收藏集 - 掘金

2017-05-05 16:54

Angular 2 + 折腾记 :(10) 初步了解动画,以及一步一步写个动画效果 - 掘金

前言 过渡动画这东西,在现代开发中是必不可少的,死板和酷炫与之息息相关; ng2.x动画相关的api是并入@angular/core这个核心模块的,在angular4之后开始独立 但是,写法上差异不大,只是引入变了,引入方式请参考我的这篇文章的:问题2...

Angular 2 + 折腾记 :(9) 初步了解指令,及动手一步一步写个自定义指令 - 掘金

前言 指令这种东西,可以加强用户体验,减少一些重复工作;跟着我来实现一个悬浮链接打开的指令 效果图 实现的功能 判断传入的内容是否为url 创建一个悬浮tooltip 把对应的内容填充进去且可以访问跳转 实现的指令代码 import { Dir...

Angular 2 + 折腾记 :(7) 初步了解表单:模板驱动及数据驱动及脱坑要点 - 掘金

前言 表单在整个系统中的作用相当重要,这里主要扯下响应表单的实现方式。首先需要操作表单的模块引入这两个模块;import { FormsModule, ReactiveFormsModule } from '@angular/forms'; ...

Angular 2 + 折腾记 :(6) 动手实现只有年月的小组件 - 掘金

前言 这个组件实现并不是很复杂,我会尽量注释;这货诞生的理由就是项目刚好有一个地方必须只能选择年月,而github上ng2+日期组件都涉及到年月日或时分秒;效果用gifcam录制的,色彩有些失真,将就吧。。动手动手出真理 效果图 实现思路 月份只有十二...

Angular 2 + 折腾记 :(5) 动手实现一个自定义管道 - 掘金

前言 管道这东西,可以让用户的体验变得好,也可以省去我们一些重复性的工作; 官方的内置管道就不解释了。。自行看文档吧 管道的常规使用 一般是用于Mustache语法的双向数据内,eg: {{item | json}} 上面的例子是用了内置的JsonPipe管道...

Angular 2 + 折腾记 :(4) 初步了解路由及使用 - 掘金

前言 路由这块的水挺深,我这里扯扯我用过的一些特性及一丢丢的经验 概念性的东西 言简意赅的总结一下: 路由就是控制视图与视图之间的跳转,之间还可以传递参数什么的,路由的退后及前进不会完整的请求整个页面,还可以完全不请求(在生命周期里面控制); angula...

NG2.4.10升级NG4正式版(正式项目):修正AOT打包报错的一些问题 - 掘金

前言 上周五,ng4正式发布了。。很多小伙伴迫不及待的把项目升级了。。。然后到群里各种吼,无损升级,没有什么奇葩问题,大家放心升级。。我信了。。。把公司的项目给升级了,然后就开始掉坑了。。。 普通的开发模式和打包模式皆正常,不正常的是AOT打包。。 问题汇总...

Angular 2 + 折腾记 :(3)初步了解服务及使用 - 掘金

前言 不探究高深理论,只探究实际使用,有更好的写法或者经验请指出; 有些暂时没涉及到的知识我可能会顺着例子解释; 什么是服务 简言之:就是资源获取,以及通讯逻辑处理的地方; Angular2的服务引入了依赖注入这个概念。详情看这个; 【依赖注入:中】...

Angular 2 + 折腾记 :(2)初步认识angular2,不一样的开发模式 - 掘金

前言 想来想去,概念这些东西不怎么想讲,更多的是想讲点实战性的内容。所以有些东西跳过去了,小伙伴们请去看官方文档哈;跳跃性的前进,写的不好多包涵。。。 基础概念 国内的官网--基础 词汇表(又名计算机术语--angular2 & es6 &...

NG2&4折腾记 --- 记NG2升级NG4 RC1之修正问题跑起来 - 掘金

前言 尝试把正式项目NG2.X升级到RC1。。修正一些问题可以正确跑起来,等下回滚嗯。。。 问题1:template标签已经废弃了 信息来源:启动的时候控制台有提示,官方日志也有说 解决方案:全局搜索<template></templ...

Angular 2 + 折腾记 :(1)初识Angular-cli(官方脚手架)及脱坑要点 - 掘金

前言 这个系列的进度有些跳跃性,我尽量直白点解释,但是我不是官方文档,直入主题!!!! 什么是Angular-cli 简言之:就是NG团队自行维护的一个`脚手架`[内置单元测试及webpack2打包工具等] -- 这货前身是ember-cli; 官网:ht...