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内部以驼峰命名规则来制定的。
网友评论