store插件使用

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

ng2-dragula 拖动排序

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

svg环形进度条,angualr4/ionc3中使用

2018-09-04
阅读 3 分钟
2.3k
1、封装组建 注意svg的属性 需要转换 [attr.cx] == cx circle.component.html {代码...} circle.component.ts {代码...} circle.component.scss {代码...} 父组件中使用 home.html {代码...} home.ts {代码...}

Ionic3/angular4 颜色选择器

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

ngx-color-picker angular4封装颜色选择器组件

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

angular4 实现模块懒加载

2018-04-13
阅读 2 分钟
5.2k
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 {代码...}

angular4 搭建框架,配置环境变量。

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

anguar4 共享服务在多个组件中数据通信

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

anguar4 模块懒加载

2018-03-21
阅读 4 分钟
4.1k
angular2+实现了模块化,组件化,所以如果一次加载所有模块,势必界面反应会比较慢,用户体验不好,所以实现模块的懒加载,单机路由的时候才加载相应的模块。

angular2中使用html2canvas将数据导出为图片,并下载本地

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

angular2,4拖拽排序插件ng2-dragula

2017-11-21
阅读 1 分钟
4.9k
1、安装 {代码...} 2、配置 {代码...} 3、使用 {代码...}

angular2/4通过服务实现组件之间的通信EventEmitter

2017-09-30
阅读 2 分钟
15.3k
注意:现在的场景是这样的,界面是由N多个组件组成的,如果一个组件中修改了接口的内容,其他组件需要调接口刷新数据,那么就用到了EventEmitter

ng2-stomp-service ng2 ng4 websocket使用

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