1、安装 npm install ng2-quill-editor --save 2、主模块中引入 import { QuillEditorModule } from 'ng2-quill-editor'; @NgModule({ // ... imports: [ QuillEditorModule ], // ... }) export class AppModule

Angualr 组件间通信 约定： 遵循Angular官方的说法，下文中的AngularJS代指1.x版本，Angular代指Angular2及以后的升级版本。 采用Angular（或者任意MV＊）的前端框架开发单页应用（SPA）时，我们都可能会遇见如下的场景： A组件和B组件之前需要相互通信，或是A路由状态需要知道B路由状态的信息等等业务需求。 这个时候就需要设计到采用一套合理的通信方案来解决数

RxJs驱动Angular应用程序的状态管理，其灵感来自于Redux。 有人这样说… 如果说RxJS是Angular2开发中的倚天剑，那么Redux就是屠龙刀了。而且这两种神兵利器都是不依赖于平台的，左手倚天右手屠龙…… 什么是Redux？ Redux是为了解决应用程序状态（State）管理而提出的一种解决方案。那么什么是状态呢？简单来说对于应用开发来讲，UI上显示的数据、控件状态、登陆状态、数据

如果看成状态机 Promise 具有 3 个状态：pending、resolved、rejected（如果 Cancelable Promise 正式通过，那么还会增加一个状态）。 Observable 有 N + 3 个状态：idle、pending、resolved_0、resolved_1 … resolved_N、completed 和 error。 总结：相比于 Promise 这个有限

Angular2的动画系统赋予了制作各种动画效果的能力，致力于构建出与原生CSS动画性能相同的动画。 Angular2的动画主要是和@Component结合在了一起。 animations元数据属性在定义@Component装饰。就像template元数据属性！这样就可以让动画逻辑与其应用代码紧紧集成在一起，这让动画可以更容易的出发与控制。 使用要点 Angular2的动画是使用模型驱动的方式在两

1、安装 npm install ng2-pagination --save 2、模块中配置（app.module.ts) ... import {Ng2PaginationModule} from 'ng2-pagination'; @NgModule({ imports: [ Ng2PaginationModule ] }） ... 3、页面中配置使用 <!--

第一节：Angular 2.0 从0到1 （一） 第二节：Angular 2.0 从0到1 （二） 第三节：Angular 2.0 从0到1 （三） 第一章：认识Angular 2.0 Angular2简介 Angular 2 是Google推出的一个跨平台全终端的框架，和目前比较火的React和Vue.js相比，有如下优点： 由于Google的目的是推出一个完整解决方案，所以官方默认提供的类库（

第一节：Angular 2.0 从0到1 （一） 第二节：Angular 2.0 从0到1 （二） 第三节：Angular 2.0 从0到1 （三） 第二节：用Form表单做一个登录控件 对于login组件的小改造 在 hello-angular\src\app\login\login.component.ts 中更改其模板为下面的样子 import { Component, OnInit } f

目前看ag2没有比较好的datetimepicker控件。研究了一下引用js版的bootstrap-daterangepicker. 1.首先配置daterangepicker js的依赖JS框架: Date Range Picker relies on Bootstrap, jQuery and Moment.js angular-cli的官网是这么说的: Global Library Inst

Kendo UI for Angular 2 伴随着 Angular 2 的正式 release，Kendo UI for Angular 2 的第一批控件已经发布了，当前是 Beta 版本，免费使用。 http://www.telerik.com/kendo-... Fuel-UI Fuel-UI是基于angular2开发的ui库，包含了几十种ui组件，可以帮你完成大多数开发工作。 http:/

作者：王芃 wpcfan@gmail .com 第一节：Angular 2.0 从0到1 （一） 第二节：Angular 2.0 从0到1 （二） 第三节：Angular 2.0 从0到1 （三） 第三节：建立一个待办事项应用 这一章我们会建立一个更复杂的待办事项应用，当然我们的登录功能也还保留，这样的话我们的应用就有了多个相对独立的功能模块。以往的web应用根据不同的功能跳转到不同的功能页面。但

1、自定义指令 /* * Directive: 指令模块 * ElementRef: 获取节点 * Input: 获取输入内容 * Renderer: 渲染新节点 * HostListener: 这是监听事件的, 绑定时间 * * 注意: * 1. 指令的名称要使用中括号括起来 * 2. html中使用的时候, 不需要中括号 * 3. 构造模板中传递参数的时候, 如果是字符串,

1、定义管道(number.pipe.ts) // 导入模块 import {Pipe, PipeTransform} from "@angular/core"; // 管道名称 @Pipe({name: "numberPipe"}) export class NumberPipe implements PipeTransform { // 参数说明: // value是在使用管道的时候,

再讲之前先讲一下父组件获取子组件的数据@Output() A: 子组件需要做的工作 1. 引入Output和EventEmitter import {Component, OnInit, Output, EventEmitter} from "@angular/core"; 2. 定义输出方法，provinceOut将在父组件中使用子组件标签的时候调用（后解） @Output() provi

其实express就是为了提供数据，根据条件查找信息 没有添加美化样式，自己可以优化css样式。 1、html界面 <h4 type="info">省市县三级联动 {{address}}</h4> <p> <input type="text" [(ngModel)]="address" name="address" class="form-control" (click)="provinc

按键事件过滤 (keyup.enter) 按键并回车 (keyup.space) 按键并空格 (keyup.control) 按键并ctrl (keyup.shift) 按键并shift (keyup.alt) 按键并alt ......

效果图 1、安装 npm install anglar2-baidu-map --save 2、在主模块中注册 app.module.ts import {BaiduMap} from "angular2-baidu-map"; 组件中导入 declarations: [ BaiduMap ] 3、创建组件使用地图 baidu.component.ts import {Component

本文讲述如何使用angular2的http服务来去一台由SpringMVC发布的rest服务的服务器上拉取数据。 我们现来上服务端代码, @ResponseBody @RequestMapping("/hero") public Object getData(HttpServletResponse response) { //服务器端跨域的配置

问题描述：当应用开发完成以后，使用angular-cli的ng-build打包文件，生成dist文件夹，然后上传服务器，当跳转到相应路由界面，单机刷新的时候，就会出现404好像路由没有起作用，找不到这个目录。 解决方法：只需要将路由转换成哈希值: userHash: true，将路由转化成“#”号的形式 哈希路由形式：“http://localhost:4200/#/ng2” 在模块中注册路由的时

实现CORS通信的关键是服务器。只要服务器实现了CORS接口，就可以跨源通信 1、 angular2 不需要配置，按照常规办法发送请求就可以了 2、express端配置 1. 安装cors npm install cors 2. 配置app.js文件 var cors = require("cors"); ... app.use(cors()); 3. 在路由中获取数据，然后发送数据 res.