导入store的两种办法1、 {代码...} 在angular.cli的script标签中添加 {代码...} 在需要的地方直接引入 import store from store; 2、在index.html文件中<script> {代码...} 定义全局变量就可以使用了 {代码...}

通过h5 canvas实现颜色选择器封装颜色选择器组件 color-picker A、color-picker.component.html {代码...} B、color-picker.component.ts {代码...} C、在父组件中使用 html文件 {代码...} D、父组件中使用 .ts文件中 {代码...} 参考文章：[链接] 参考demoe: [链接]

1、创建项目，官网有详细讲解 {代码...} 2、配置环境变量，打包（开发，测试，生成使用不同的变量）.angular-cli.json修改配置 3、package.josn 修改配置 4、定义环境变量，开发环境，和生成环境配置不同的地址 5、cmd中运行 {代码...} 7、不同环境，输出不同结果 [链接]

1、安装html2canvas {代码...} 官方网站[链接] 2、在需要的组件中引入html2canvas {代码...} 3、定义方法，将数据转换为canvas {代码...} 4、将图片下载到本地，定义转换图片格式方法。 {代码...} 5、下载 {代码...} 6、设置画布大小 {代码...}

1、安装 {代码...} 2、配置 {代码...} 3、使用 {代码...}

注意：现在的场景是这样的，界面是由N多个组件组成的，如果一个组件中修改了接口的内容，其他组件需要调接口刷新数据，那么就用到了EventEmitter

使用 ng new myApp,创建好目录，马上要开始初始化node_modules,默认会使用npm创建node_modulescmd + c,停止创建。cnpm install 使用cnpm创建node_modules配置 .angular-cli.json文件，css不起作用，js也不起作用。最后删除项目，配置npm国内淘宝镜像1.临时使用

1、 安装angular2-moment {代码...} 2、module中配置 {代码...} 3、使用 {代码...} 4、更多配置参考网站 {代码...}

1、html代码 {代码...} 2、组件代码 {代码...} {代码...}

3、实现原理上传文件使用change事件监测是否选择新文件，如果两次选择同样的文件，就相当于没有change，所以会出现如果两次选择相同文件就不会触发change事件，解决办法就是，每次上传完成以后将选择单位文件名称清空，这样下次选择就会触发change事件了。

1、上传文件回显缩略图 {代码...} 2、在angular2中使用，定义管道，过滤 {代码...} 参考链接：[链接]

1、安装插件 {代码...} 2、配置model {代码...} 3、html界面中使用 {代码...} 4、指定内容中哪些元素上可以拖动整个窗口，使用[handle]指定元素id {代码...} 5、改变拖动内容的鼠标样式css {代码...} 6、拖动事件，开始拖动和结束拖动事件。 {代码...}

angular2 路由query参数，也就是？后面的参数，用来实现界面跳转，返回到原来界面保持查询条件，分页等效果 1、路由界面跳转，传递查询参数 queryParams对象 {代码...} 2、在跳转过去的界面获取这些参数，点击返回的时候带上这些参数 {代码...}

1、html代码 {代码...} 2、组件中的js代码 {代码...} 3、实现排序 {代码...}

angular2使用百度统计图echarts插件 1、安装插件，必须安装echarts.js基础js文件和ngx-echarts插件文件 {代码...} 2、配置 echarts.js {代码...} 3、配置ngx-echarts {代码...} 4、html文件，其中包括配置和样式 {代码...} 5、在组件中书写配置，可以在echarts官网查询配置细节 {代码...} 6、通过标签<echarts>&lt...

1、 下载安装插件如果使用的是angular2, 不是angular4 那么安装 ngx-clipboard@7.x.x版本，如果是ng4安装最新版本。

{代码...}

如果angular2书写不规范，那么界面中调用对象属性是会报错的，因为没有初始化变量属性，所以比较复杂的数据类型最好在单独文件重定义，然后引入初始化。1、定义

DataTable - Templating中自定义模板的时候报错：Template parse errors: 'ng-template' is not a known element:

验证是在组件重定义的变量，然后通过界面中的 #username="ngModel"这个样式来验证的，和[(ngModel)]="username"无关

效果图 1、安装 {代码...} 2、配置app.module.ts {代码...} 3、模板界面 {代码...} 4、组件界面 {代码...} {代码...}

1、安装模块 {代码...} 2、配置angular-cli.json，样式文件 {代码...} 3、配置app.module.ts {代码...} 4、模板文件 {代码...} 5、组件 {代码...}

前言：众所周知，primeNG是ng2的一个ui组件库，很强大，个人感觉比ng2-bootstrap还强大，下面就告诉大家怎么安装使用，官网：[链接]

判断添加<div [ngStyle]="{'background-color':username === 'zxc' ? 'green' : 'red' }"></<div>

1、子组件内容 {代码...} 2、父组件 {代码...}

描述，组件复用，在父组件中，使用标签，引入子组件，一般情况，不会再标签之中，书写代码，或者书写“加载中..."，当子组件代码渲染完毕以后就会替换掉这些代码，但是，如果想把父组件中的代码片段通过这样的形式传递给子组件，然后根据子组件的布局显示到界面上，就要使用到投影了，具体步骤如下：

1、 app.module.ts {代码...} 2、app.component.ts {代码...} 3、app.component.html {代码...} 4、home.component.ts {代码...} 5、about.module.ts {代码...} 6、about.component.ts {代码...} 7、list.component.ts {代码...}

1、使用angular-cli创建项目，安装froala editor 模块 {代码...} 2、配置app.module.ts文件 {代码...} 3、配置 angular-cli.json {代码...} {代码...} {代码...} 4、html界面配置 {代码...} 没问题这样就配置完成了，但是我们要做一些优化1、配置图标，和其他项目2、鼠标经过图标显示中文3、添加组件，获取编辑器的值4、...

实现CORS通信的关键是服务器。只要服务器实现了CORS接口，就可以跨源通信 1、 angular2 不需要配置，按照常规办法发送请求就可以了 2、express端配置 {代码...} 3、优点： 支持 get/post方法 CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。 整个CORS通信过程，都是浏览器自动完...

代码如下：个人感觉没有问题，同样的代码在另一个项目中运行正常 HttpService是自己封装的服务。 {代码...} 解决方法： 将参数设置成 {代码...} 这样就可以获取数据了 [链接]