zoukankan      html  css  js  c++  java
  • ionic 组件学习

    利用css列表多选框:

                      <div class="{{Conceal}}" >  
                        <ion-checkbox  color="secondary" checked="false"></ion-checkbox>
                      </div>

        ionic数据类型转换:

    利用toString或toLocaleString。因此:
    
    var page_number:number = 3;
    window.location.hash = page_number.toLocaleString();

     ionic ion-datetime时间组件上事件绑定:

          <ion-datetime  cancelText="取消" doneText="确认" displayFormat="YYYY-MM-DD" [(ngModel)]="user.age_bracket" (ngModelChange)="changeDate($event)"></ion-datetime>

    .ts文件:

    使用ngModelChange进行事件绑定

      changeDate($event){
        console.log(this.user.age_bracket)
        var api = this.config.ApiUrl("/app/api/updateprofile?p=1&userbirth="+this.user.age_bracket)
        console.log(api)
        this.http.doGet(api,(data) => {
          console.log(data)
        },(errcode,errmsg)=>{
          ///TODO
        });
    }

    版本编号分割:

    强制整数:parseint()

    var s:any=result.version;
    var i:any=s/100
    var a:any=s%100/10
    i=parseInt(i)
    a=parseInt(a)
    this.versions =i+'.'+a+'.'+s%10
    console.log(this.versions)

    ionic页面生命周期:

    ionViewDidLoad(){  
            console.log("1.0 ionViewDidLoad 当页面加载的时候触发,仅在页面创建的时候触发一次,如果被缓存了,那么下次再打开这个页面则不会触发");  
        }  
        ionViewWillEnter(){  
            console.log("2.0 ionViewWillEnter 顾名思义,当将要进入页面时触发");  
        }  
        ionViewDidEnter(){  
            console.log("3.0 ionViewDidEnter 当进入页面时触发");  
        }  
        ionViewWillLeave(){  
            console.log("4.0 ionViewWillLeave 当将要从页面离开时触发");  
        }  
        ionViewDidLeave(){  
            console.log("5.0 ionViewDidLeave 离开页面时触发");  
        }  
        ionViewWillUnload(){  
            console.log("6.0 ionViewWillUnload 当页面将要销毁同时页面上元素移除时触发");  
        }  
      
        ionViewCanEnter(){  
            console.log("ionViewCanEnter");  
        }  
      
        ionViewCanLeave(){  
            console.log("ionViewCanLeave");  
        } 

    css样式居中:

         200px;
        height: 200px;
        top: 50%;
        left: 50%;
        margin-top: -100px;
        margin-left: -100px;
        position: absolute;

    拨打电话:

    config.xml里面加上
    <access origin="tel:*" launch-external="yes"/>

    然后页面上 <a href="tel:15757xxxxxx">15757xxxxxx</a>
  • 相关阅读:
    面试中遇到递归算法题别慌--常见递归算法题的解题思路
    Xml日志记录文件最优方案(附源代码)
    linux下源码安装软件
    文本比较算法Ⅴ——回顾贴,对前面几篇文章的回顾与质疑
    从内存中直接运行PE程序
    谈谈Linux内核驱动的coding style
    【全面解禁!真正的Expression Blend实战开发技巧】第六章 认识ListBox
    玩转C链表
    麻省理工《C内存管理和C++面向对象编程》笔记---第一讲:认识C和内存管理
    Dll注入技术之输入法注入
  • 原文地址:https://www.cnblogs.com/yc-c/p/9069685.html
Copyright © 2011-2022 走看看