插件地址[链接]配置参数参考：[链接]首先根据插件教程安装和在module中配置插件。拖动效果图 1、使用组件模式 html文件 {代码...} ts文件 {代码...} 2、使用服务index.html中引入一下文件 {代码...} 注意：再ionic中如果把css卸载单独的界面中，拖动的时候会失去样式，所以把样式文件引入到index.html中 my_dragula.css ...

1、封装组建 注意svg的属性 需要转换 [attr.cx] == cx circle.component.html {代码...} circle.component.ts {代码...} circle.component.scss {代码...} 父组件中使用 home.html {代码...} home.ts {代码...}

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

一、全局引入文件1、先定义共用组件 common.vue {代码...} 2、在需要使用的地方导入 {代码...} 3、使用 {代码...} 二、main.js中引入全局变量和方法1、定义共用组件同上2、main.js中引入并复制给vue {代码...} 3、使用 {代码...} 三、定义common.js文件，直接在main.js中引入，直接使用1、common.js 这里注意 Vue.http ...

注意1：事件总线是处理同一路由下复杂的父子关系组件的，如果跨路由是有问题的，因为监听的界面肯定还没有加载，所以这一点要记清楚了。注意2：为了防止$on监听界面还没有加载完毕可以使用在$emit外面包一层$nextTick等待组件都加载完毕，下面例子会讲解注意3：经常会出现重复监听的问题，是因为没有关闭监听，随意在今...

1、安装路由，因为路由是vue的一个插件。 {代码...} 2、在main.js中引入路由 {代码...} 3、在main.js中配置路由 {代码...} 4、很明显main.js中要引入喝多第三方插件，这样在main.js中配置路由是不合理的，所以需要在src目录中创建，config目录，里面创建routes.js路由文件 router.js 代码 {代码...} 5、路由与导航router...

react组件之间传递值，其实和angular的output、input类似，他用的是属性来传递的props，父-》子在父组件中引用子组件的时候，设置属性即可，然后在子组件中 通过 this.props.name就可以获取。

先上效果图 1、安装插件 {代码...} 2、配置插件 {代码...} 3、使用 {代码...} 4、过多细节，不再啰嗦，参考下面两个网址，我们主要展示封装组件实例。 {代码...} 封装颜色选择组件步骤1、定义组件 {代码...} {代码...} 2、使用定义公共组件 {代码...} {代码...}

1、安装插件 {代码...} 2、申请高德地图key {代码...} 3、index.html界面引入高德地图js文件 {代码...} 4、获取经纬度 {代码...}

1、目录结构，实现懒加载，延迟加载模块。 2、app.module.ts {代码...} 2、路由文件 route.ts {代码...} 3、app.component.html {代码...} 4、懒加载模块 children目录下的文件operation.module.ts {代码...} 5、operation.component.ts {代码...} 6、operation.component.html {代码...}

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

YOUR_WECHAT_APPID就是你申请的appid注意：在微信开放平台创建应用的时候，appid是你的安装包签名的md5的值去掉冒号小写，如果这个不匹配，微信登录老闪退提示错误。

应用场景，不同组件中操作统一组数据，不论哪个组件对数据进行了操作，其他组件中立马看到效果。这样他们就要共用一个服务实例，是本次的重点，如果不同实例，那么操作的就不是同一组数据，那么就不会有这样的效果，想实现共用服务实例，就是在所有父组件中priviates:[]中引入这个组件，子组件中不需要再次引入，那么他...

angular2+实现了模块化，组件化，所以如果一次加载所有模块，势必界面反应会比较慢，用户体验不好，所以实现模块的懒加载，单机路由的时候才加载相应的模块。

1、 生成android包文件 {代码...} 这时候已经cd到你app的目录下面了，然后 2、 生成签名文件 {代码...} 3、 使用生成的前面文件给自己应用包签名 {代码...} 4、查看前面文件的信息 spilledyear.keystore文件的前面信息 {代码...} 5、查看包文件名称 {代码...}

A:选择clone Git ReponsitoryB:复制需要克隆的地址C: Add New GitLab AccountD:弹窗如下弹窗，其中Personal Access Token 需要在gitlab中配置!E: 账户作如下配置，就可以生成一个token这样就可以登录了

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

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

1、angular中引入中文国际化文件angular-locale_zh-cn.js 下载地址：[链接]注意：引入中文国际化文件以后，基本所有的英文控件，都会翻译成中文。

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

1、安装 {代码...} 2、如果使用angular-cli 创建项目，那么配置 angular-cli.json {代码...} 3、引入服务文件 ng2-stomp-service 可以在module中全局引入，也可以在组件中，只在本组件中使用 {代码...} 4、配置链接 {代码...} 官方地址：[链接]

使用 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...