
ionic学习
文章平均质量分 53
最近在做ionic的项目,总结下来,一起学习分享
陈新月-Phyllis
做自己的小太阳,学习......
展开
-
ionic4-标题之显示开头和结尾,中间省略
目录前情代码显示结果前情 因为要将后端查询回来的标题名称显示到页面上,但是有得标题名称十分的长并且是系列课程的话,显示在页面中就会无法区分,所以特地将名称的开头与结尾显示出来,中间内容省略。代码const dataUrl = 'brainstorming-web/brainStorming/que...原创 2019-03-10 21:36:01 · 344 阅读 · 4 评论 -
ionic4-左滑实现编辑删除
目录前提效果图难题左滑事件代码模板实际应用的HTML代码ts代码结语前提 小咸儿最近参与的项目中,需要实现一个选中某个头脑风暴左滑编辑删除的功能,实现起来很简单,但是小咸儿遇到一个难题。效果图难题 左滑如果不手动关闭,那么左滑事件就不能用了;特别是点击编辑时,会跳转到编辑页面,返回后左滑事件就不能用了。左滑事件代码模板<ion-item-sliding> &...原创 2019-03-02 20:01:50 · 1592 阅读 · 4 评论 -
Ionic4 parseInt()方法
最近小咸儿一直在学习有关ionic4的资料,在项目实践的时候,需要将string类型的字符串转换成int类型,所以使用了一个方法parseInt() 但是发现原来的parseInt方法只需要一个参数,但是现在多了一个参数 radix,那么这个参数是什么意思呢?其中radix?:number表明要将字符串转成几进制的整数 这样的话,的确转换起来更加的方便了,而且可以根据自己的需求...原创 2019-01-17 11:46:56 · 395 阅读 · 5 评论 -
ionic4-ts 字符串中获取汉字与去掉汉字
// 存放人员信息的实体export class UserItem { userId: string; userName: string;}ngOnInit() { this.activatedRoute.queryParams.subscribe(queryParams => { this.selectPerson = que...原创 2019-01-13 21:51:29 · 546 阅读 · 5 评论 -
ionic4-抽取公共方法Loading
这里写自定义目录标题ionic4commonionic4 最近小咸儿一直在学习ionic4,因为项目的需要所以将Loading与Toast抽取成公共方法,以方便各个页面的调用。接下来看看具体的baseui.ts文件该如何创建:common 首先需要在src文件夹下创建一个common文件,小咸儿在里面创建了一个baseui.ts的文件,ionic4中的Loading方法和ionic3发...原创 2019-01-06 21:13:33 · 3327 阅读 · 12 评论 -
ionic4- error TS2307: Cannot find module 'rxjs-compat/Observable'
文章目录设置拦截器报错位置设置拦截器 废话不多说,小咸儿在项目中写拦截器文件时,遇到了一个有关引入的问题:Error in node_modules/rxjs/Observable.d.ts(1,15): error TS2307: Cannot find module ‘rxjs-compat/Obserable’报错位置 因为小咸儿不是很清楚在ionic3升到ionic4...原创 2018-12-30 20:42:28 · 2061 阅读 · 3 评论 -
Ionic4 路由跳转-loadChildren
今天小咸儿使用 ionic start myApp tabs --type=angular 创建了一个新项目,想要根据自己的业务需求修改一下页面,但是在路由跳转这犯了难。接下来仔细的说明一下使用 loadChild 如何进行页面跳转。 使用tabs创建项目,会在创建初始就带有三个tab页,将其改成自己需要的内容: 接下来需要注意的就是 tabs.router.module.ts 和 ...原创 2018-12-27 21:40:26 · 4788 阅读 · 10 评论 -
ionic -- 实现根据拼音字母搜索人员
看到小咸儿完成这个任务,心情十分亢奋啊!但是是基于先把拼音与中文转换的node包下载下来。ionic前端 - 汉字拼音 首先先说一下小咸儿这个问题的思路:1.将所有人的姓名先查询出来2.将汉字名字转换成拼音3.获取输入框中值对中文名字或拼音名字进行匹配,查询出对应的人员 首先将所有人员查询出来是一个简单的功能:代码:getData() { this.company...原创 2018-11-24 19:23:15 · 875 阅读 · 16 评论 -
Ionic-与时间有关的故事-localecompare()
今天小咸儿想来分享一个有管时间的故事: 这个故事发生在很久很久以前,大概十月份,主题思想就是消费,所以需要金钱-积分,成果-排名,主人公-小咸儿。 背景:ionic前端页面 道具:时间转换的方法、localeCompare()方法 角色:小咸儿、时间、积分 主线:获取当前时间,判断是否第一次查看排名,若是则花费积分查看,若否可免费查看 故事内容: 时间:今天是什么时...原创 2018-11-18 21:33:14 · 440 阅读 · 10 评论 -
ionic 前端 - 汉字转拼音
之前小咸儿分享了一篇有关后端如何进行汉字转拼音的博客 —>这是个链接哈 —> Java汉字转拼音,今天小咸儿来分享一篇有关ionic 前端可以实现的汉字转换拼音的博客。 小咸儿找了整整一天,终于在晚上找到了可以在前端进行汉字转换拼音的node_moduels包,十分简单好用。在此记录下来,分享给大家。 首先使用命令下载Transliteration包:Node.js命...原创 2018-11-14 11:21:17 · 707 阅读 · 8 评论