为了让 Angular 类库应用范围更自由，Angular 提出一套打包格式建议名曰：Angular Package Format，包括 FESM2015、FESM5、UMD、ESM2015、ESM5、ES2015 格式，不同格式可以在不同的环境（Angular Cli、Webpack、SystemJS等）中使用。

这原本是 ng-alain 的一篇指引，写得非常随意，昨天 @VTHINKXIE 说能不能把他整理出来，当时我还在高铁上，今天中午我抽空整理成文章并发布到知乎，就算是当作如何升级 ng-zorro-antd 1.0.0@next 至Angular6 （以下简称：v6和v5表示不同版本）版本的一个小指引吧。

这里的原因是多重的，antd 的 less 版本需要 JavaScript 的支持，想当初我有想把它转成 Scss 版本，看到这些我内心是奔溃的。

ng-zorro-antd 0.7.0 发布时我就想说那得喝一杯，这个版本的等待其实在社区里反应是有点“忐忑”，所以当VTHINK跟我说来今天要发布 0.7 时我说那晚上得喝一杯。然而，为了将 ng-alain 也同步 0.7 一个晚上都在忙碌；直到倒头睡觉把喝一杯的事已经忘光了。

以下我会阐述 ng-alain 整个过程，其中包括 Docker、Nginx、Let's Sencrypt 证书等范涛，我无法保证新手可以很好的阅读她，不过你可以通过一些文章关键字在搜索引擎获得更多资料。

但有时一些特殊需求会让人半死亡状态，当然这一切都是为了用户体验；一种非常常见场景，在移动端中用户通过关键词搜索商品，而死不死的这样的列表通常都会是自动下一页动作，此时用户好不容易滚动到第二页并找到想要看的商品时，路由至商品详情页，然后一个后退……用户懵逼了。

ng-alain 基于 ng-zorro-antd 的企业管理后台脚手架。 从开始我一直把它定位在一个 Angular 企业管理后台最佳实践，同时，在公司内部也开始正式基于此模板开发。 她包括几个特性： 基于 ng-zorro-antd 响应式 国际化 ACL访问控制 基于角色 路由守卫 延迟加载及良好的启用画面 良好的UI路由设计 十种颜色版本 SCSS预编译 ...

一、引言 一个单页应用第一次启动从文档的下载（包括各种资源）再到初始化至成功渲染这一过程基本上都是以秒为单位的。 Angular应用的 index.html 会在文档当中写入根组件，例如： {代码...} 直到Angular初始化完成后 Loading... 字样才会从页面消失，并进入实际的应用。当然相比较一版空白着实还算优雅一点。 然而一个...

Angular从开发再到生产环境部署都离不开Angular Cli工具集，而Angular Cli本质上是使用 Webpack（当前使用版本为3） 来打包资源。

引言 在企业应用中权限、复杂页多路由数据处理、进入与离开路由数据处理这些是非常常见的需求。 当希望用户离开一个正常编辑页时，要中断并提醒用户是否真的要离开时，如果在Angular中应该怎么做呢？ 其实Angular路由守卫属性可以帮我们做更多有意义的事，而且非常简单。 什么是路由守卫？ Angular 的 Route 路由参数中...

由于工作的关系对于 React 并没有过度的深入，因此对 Ant Design 并无太多了解。当然也是因为工作中存在大量的 Angular 项目，后来 ng-zorro-antd 的发布引起我极大的关注。

ng-alain 一套基于 Ng-zorro-antd【ANT DESIGN】 的企业后台模板。 你可以在线体验它。 快速入门 确保 node 版本 >= 6.9.0 且 npm 版本 >= 3 以上。 ng-alain 本身并非组件库，只是一个单纯的企业后台模板，你可以直接克隆到你的本地，然后立即进入实际开发。 {代码...} 指引文章 ng-alain 非常单纯，整体的设计都...

项目是通过 ng new 来构建的，就如同你平时要创建项目一样，因此，当你克隆 ng-alain 到你本地后，只需要执行 npm install，那么就相当构建好一个新项目。

我认为这些工具类只会运用在内容区域，因此，按 Ant Design 的规范，尺寸的宽度是以一个 8px Gutter 基础间距为基础；并衍生出三个尺寸，分别为：

设计规则 ng-alain 是基于 ng-zorro-antd 组件库为基础的一个企业后台应用脚手架。 因此，整体依 Ant Design 的设计规则，ng-alain 按上-左-右布局，这些规范细节： 顶部导航 高度 64px。 侧边导航 宽度 200px。 当屏幕低于 1140px 宽时隐藏 侧边导航。 当屏幕低于 1140px 宽时打开 侧边导航 为 fixed 状态。 内部区域 ...

当一个用于修改用户信息的表单，数据的来源总是来自远程；而对于一个 FormGroup 的创建总在 ngOnInit 中完成。因此，这里会有一个表单更新值的问题。

基本上当下的应用都会分为前端与后端，当然这种前端定义不在限于桌面浏览器、手机、APP等设备。一个良好的后端会通过一套所有前端都通用的 RESTful API 序列接口作为前后端之间的通信。

表单最核心的是校验体验，在Angular中简直就是发挥到了极致，比如：required、min、max、pattern 等，这些原本是HTML DOM元素中的表述，而Angular默认实现了一整套的校验指令，比如：required 对应 RequiredValidator。

前两天 angular.io 发布新版本，一开始以为只是界面样式做了一些变动，后来为了查资料怎么发现打开的速度简直牛B了（要知道在天朝打开angular.io多么费劲啊）。然后我到twitter中了解angular进展，竟然这一次官网新版本是为了试验 Service Worker。

本节将涵盖Angular常用的组件单元测试方法，例如：Router、Component、Directive、Pipe 以及Service，原本是打算分成两节，但后来一想放在一起会更适合阅读，虽然看起来比较长。

而在 Jasmine 就是使用 describe 全局函数来表示，它的第一个字符串参数用来表示Suite的名称或标题，第二个方法参数就是实现Suite代码了。

绝大部分都是利用Angular Cli来创建项目，因此，默认已经集成我们所需要的npm包与脚本；当然，如果你是使用自建或官网 quickstart 的话，需要自行安装；但所有核心数据全都是一样的。

Angular单元测试在所有前端框架当中不要太爽了，但是要全面说好它，还真需要很长的篇幅，因为各种测试方式就如同在写一份Angular入门级开发一样。因此，我打算使用一个系列来说明。

RxJS是一种针对异步数据流编程工具，或者叫响应式扩展编程；可不管如何解释RxJS其目标就是异步编程，Angular引入RxJS为了就是让异步可控、更简单。

有时候需要根据URL来渲染不同组件，我所指的是在同一个URL地址中根据参数的变化显示不同的组件；这是利用Angular动态加载组件完成的，同时也会设法让这部分动态组件也支持AOT。

这段时间写了十几个Angular小组件，如何将代码中的注释转换成漂亮的在线文档一直都让我有点头疼；更别说在企业级解决方案里面，如果没有良好的文档对阅读实在不敢想象。

一直以来大厂对React比较钟爱，官网也提供 React-Weui 版本；而对于像我这类钟爱Angular的人而言，或者说团队里面对Angular比较熟悉的情况下，如果能有一套比较标准的UI，在微信端开发应用也会极爽。

ngx-ueditor Angular2.x for Baidu UEditor Demo Live Demo 特性 懒加载 ueditor.all.js 文件。 支持ueditor事件监听与移除 支持语言切换 支持ueditor实例对象直接访问。 使用 1、安装 {代码...} 把 UeditorModule 模块导入到你项目中。 {代码...} 2、使用 {代码...} 名称 类型 默认值 描述 config Object 前端配置项说...

Angular2（已经统一更名为Angular，而Angular1表示1.x版本，以下统称Angular都是2.x版本以上）的目标是一套框架多个平台，这是所有前端工作的理想目标。

首先，它是一个编译型语言；既然是编译型，那么你像重构、导航、智能提醒这种工具属性就可以发挥出来，所以你会发现使用VS CODE来写Angular简直就是绝配。