ionic js学习笔记

花玄裳
2023-12-01

$ionicActionSheet上拉菜单;

$ionicBackdrop.retain()显示背景层,$ionicBackdrop.release()隐藏;

ion-refresher下拉刷新<ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>;

$ion-checkbox复选框;

$ion-radio单选框;

$ion-toggle切换开关操作;

手势事件:on-hold,on-tap,on-double-tap,on-touch,on-release,on-drag,on-drag-up,on-drag-right,on-drag-down,on-drag-left,on-swipe-up,on-swipe-right,on-swipe-down,on-swipe-left。$ionicGesture,方法on(eventType,callback,$element);

列表操作:icon-list,icon-item,有delegate-handle,show-delete,show-reorder,can-swipe等API;

$ionicLoading 加载动作.show,.loading;

$ionicModal模型,用于遮住用户主界面的内容框,<ion-modal-view>,fromTemplate(templateString, options),fromTemplateUrl(templateUrl, options);

导航,ion-nav-bar,ion-nav-view,ion-view,ion-nav-buttons,ion-nav-back-button,nav-clear,ion-nav-title,nav-transition,nav-direction;

$ionicNavBarDelegate授权控制ion-nav-bar指令,$ionicHistory跟踪浏览记录,$ionicConfigProvider 可以用于设置最大允许缓存的视图数量,通过设置为0来禁用所有缓存,$stateProvider路由;

平台,$ionicPlatForm用来检测当前的平台。

浮动框,$ionicPopover,一个可以在app内容上浮动的一个视图框。

对话框,$ionicPopup,允许程序创建、显示弹出窗口。

滚动条,ion-scroll,用于创建一个可滚动的容器,

侧栏菜单,$ionicSideMenuDelegate,ion-side-menus,ion-side-menu-content,ion-side-menu;

滑动框,ion-slide-box;

加载动画,<ion-spinner icon="spiral"></ion-spinner> //默认用法;

选项卡栏操作,<ion-tabs>里面包谷<ion-tab>。

<ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>
 类似资料: