ionic+angularjs 学习笔记

《ionic+angularjs 学习笔记》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、属性： ng-click = ”go(“html1”)”;    可直接跳到页面 href="#/tab/systemIntro" ui-sref="tabs.users" 标签： 顶部：...   ion-header-bar 

2、der-bar> 以上功能，顶部块标题居中内容不允许点击标题滚动到顶部 属性： align-title = ”left/center/right”;   标题显示位置(顶部) no-top-scroll = ”true/false” true:不允许点击标题滚动到顶部 false：默认，允许点击标题回到顶部  底部：...   ion-fo

3、oter-bar  属性： align-title = ”left/center/right”;   标题显示位置(顶部)  ion-header-bar和ion-footer-bar经过编译后其样式类将分别被设置为.bar.bar-header 和.bar.bar-footer  内容：使用ion-content指令定义内容区域：... 占据header和footer以外的剩余区域。当内容超过可视区域时，ion-c

4、ontent 可以滚动以显示被隐藏的部分。  滚动框 : ion-scroll指令声明一个可滚动的容器元素，用户可以按住内容进行拖动：在使用ion-scroll时，需要显式指定滚动框元素及内容元素 的大小（高度和宽度）    属性： direction = ”x

5、y

6、xy” 内容可以滚动的方向。允许值：x

7、y

8、xy。默认为 y。 zooming = ”true 

9、 false” 是否支持pinch-to-zoom(捏拉缩放)。允许值：t

10、rue 

11、 false。  拉动刷新 : ion-refresher 使用指令ion-refresher可以为滚动容器（ion-scroll或ion-content）增加 拉动刷新/pull-to-refresh的功能：  属性： on-refresh - 当用户向下拉动足够的距离并松开时，执行此表达式 on-pulling - 当用户开始向下拉动时，执行此表达式 pulling-text - 当用户向下拉动时，显示此文本 pulling-icon -

12、 当用户向下拉动时，显示此图标 如pulling-icon="ion-happy"下拉时显示笑脸图标 refreshing-icon - 当用户向下拉动并松开后，显示的等待图标。ionic推荐使用spinner 代替这个属性 spinner - 和refreshing-icon的作用一样，但spinner是基于SVG的动画 disable-pulling-rotation - 禁止下拉图标旋转动画 注意在刷新完毕后，应当使用作用域的$broadcast()方法通知框架：$scope.$broadcast("sco

13、ll.refreshComplete") 例子： Js文件： angular.module("ezApp", ["ionic"]) .controller("ezCtrl", function($scope) {  $scope.items = [];  var base = 1;  $scope.doRefresh = function() {   for(var i=0;i<10;i++,base++)    $scope.items.unshift(["item ",base].join(""));   $

14、scope.$broadcast("scroll.refreshComplete");  }; }); Html文件     ion-refresher