ionic+ angular + cordova 项目 问题记录

1、hidden *ngif 区别

hidden ： 对于元素的位置 不会进行回收

*ngif: 对于元素的位置会回收

2、disable pointer-events 区别

disable: 对元素所有监听都会去掉

pointer-events：不会影响元素的监听  

3、 文件转化

ts文件 转化为 的d.ts js  tsc -d  + filepath

js转化为d.ts tsc -d filename

4、chrome浏览器  跨域问题 （但是调试的 1、每次都要保证chrome浏览器关闭的情况下执行下   ）

open -a "Google Chrome" --args --disable-web-security--user-data-dir

或者

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --disable-web-security--user-data-dir

5、@ViewChild  外层加 *ngif 内部 ViewChild 无法获取子组件实例对象 问题

解决方法：用 [style.display] 代替 *ngif 

*ngif  为缓加载  当为false 时  内部的 子组件 被被加载 是undefine状态 所以在引用的时候报错 

  style.display 没有缓加载  包含相关元素的DOM加载的时候就会从服务器请求相关资源 

html

<div  [style.display]="condition" >

<page-childPage #childEle ></page-childPage>

</div>

ts引用地方 

private childPage: ChildPage;

@ViewChild('childEle')set childEle(temp: ChildPage) {

this.childPage = temp;

}

ChildPage 为子组件的所属类