美文网首页
Ionic in Action MEAP v06 - 06

Ionic in Action MEAP v06 - 06

作者: lengyan_zhao | 来源:发表于2017-05-25 12:02 被阅读17次

    1.ionSideMenus 包含两个ionSideMenu 和 ionSideMenuContent:

    (1)

    2.css3中:

    (1)webkit-box,webkit-flex表示兼容 Safari 和 Chrome浏览器,而moz-box,moz-flex则兼容Firefox浏览器

    3.Forecast.io API

    (1)资源地址:https://developer.forecast.io/

    4.Ionic CLI:

    (1)

    5.ionSroll:

    (1)

    6.modal:

    (1)modal---->ion-modal-view;popover------->ion-popover-view,这就是两种弹出框对应的布局根节点;

    7.Action Sheet


    (1)$ionicActionSheet,注册对应的服务在控制器中,就可以直接调用show()方法进行显示,

    (2)show方法,show({

    buttons[{text:''},{text:''}...],

    cancelText:'Cancel',

    buttonClicked:function(index){

    //index,指的是,buttons中的索引,即点击选中的索引

    ......      //点击外部区域,也会自动隐藏

    return true;//返回true表示,点击后,action Sheet点击后就会消失。

    }

    })

    8.Popup:


    (1)Popup三种类型:alert,confirm,and prompt;

    (2)Alerts:表示只是传达信息,成功与否的提示信息,得点击确认消失;confirm:表示验证是否进行正在进行的操作;prompt:表示问答形式的提示框,输入信息,确认取消

    (3)summary:

    $ionicPopup.confirm({

    title:'Are you sure?',

    template:'This will remove' + locations.data[index].city

    }).then(function(res){

    if(res){

    //确定后,执行的代码

    }

    });

    $ionicPopup.alert({

    title:'locations saved'

    });

    9.collection repeat

    (1)collection-repeat实现了android中listview的效果,只显示当前屏幕的宽度能显示的个数,滑动时,重复使用已经创建的控件,减少控件数量,减少内存使用

    (2)summary:

    ...

    10.Ionic本质:

    (1)就是angularJs自定义的指令,再加上ionic.css样式而形成,

    (2)自定义指令就遵循angularJs的特点,比如指令ionView对应html标记为...;只是由于angularJs内部以驼峰命名规则来制定的。

    相关文章

      网友评论

          本文标题:Ionic in Action MEAP v06 - 06

          本文链接:https://www.haomeiwen.com/subject/ggoaxxtx.html