Ionic问题汇总

一、带有底部导航tabs，跳转到子页面，底部tabs仍然显示问题

1. 引入App类

import { App } from 'ionic-angular';

2. 声明初始化app对象

constructor(private app:App) {}

3. .调用this.app.getRootNav() 从根页面跳转就可以了

this.app.getRootNav().push(nextPage);

二、调用摄像头功能

http://ionicframework.com/docs/native/camera/

* 不要忘记providers 里面声明 Camera，否则掉不起摄像头

三、查看插件版本   ionic plugin list

四、换行问题

强制不换行

p { white-space:nowrap; }

自动换行

p { word-wrap:break-word; }

强制英文单词断行

p { word-break:break-all; }

*注意：设置强制将英文单词断行，需要将行内元素设置为块级元素。

超出显示省略号

p{text-overflow:ellipsis;overflow:hidden;}

五、ionic2升级的后，新建页面后会报：Typescript Error Property 'forChild' does not exist on type 'typeof IonicMod

解决办法，相关code修改如下：

import { IonicPageModule } from 'ionic-angular';

IonicPageModule.forChild(Register),

六、1.修改App名称：修改项目目录下config.xml--name标签；

2.APP图标和启动画：找到合适的图标文件，png格式

替换项目resources文件夹下的icon.png

项目路径下运行ionic resources命令，该命令为所有platform生成对应分辨率的图片

若想针对不同platform使用不同图标，图片复制到resources下对应platform文件夹下，再运行ionic resources

七、sliders自动滑动

只需设置属性：autoplay="1000" loop speed="2000"

autoplay默认为null，只要设置其不为null就好；

loop 循环播放；

speed：轮换时间

八、ios border兼容問題