Ionic in Action MEAP v06 - 06

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