ionic 说一说ionic工程里面的www文件

今天是学习ionic的第二天，其实感觉还挺有意思的，好记性不如烂笔头，把今天学习到的东西都记录下。。。。方便以后自己翻阅

ionic中的www文件夹是我们在实际开发当中必须要用到的文件夹，html、css、js、img的存放都在其中。。。。

1、www/js 文件夹

app.js一般用于创建一个应用程序：angular.module("app",[ionic]);

routes.js配置路由 关键字有：config、state、url、templates、views等等

controllers.js 控制器文件，与routes.js搭配使用，有些也可直接写在routes.js中

2、www/templates  存放不同页面的html文件夹

tabs.html 导航栏 链接不同页面

tab-home.html home页面

tab-setting.html 设置页面

等等

ion-nav-view标签在tabs.html和index.html中都有,用于显示导航栏信息并且可以链接到不同的页面

3、一些标签的使用：

1）.设置item图片：item-avatar
2）.ion-option-button：把item向左华东的时候 出现的按钮 可自定义（删除、分享）
3）.删除的时候splice重新排序：$scope.list.splice($scope.list.indexOf(item),1);
4）.设置删除动画：item-remove-animate
5）.移动：需要设置成可以移动的状态show-reorder="true"
6）.ion-reorder-button设置移动的按钮（右侧）
7）.on-reorder 检测移动触发移动的方法on-reorder="move(item,$fromIndex, $toIndex)"
8）.移动时候内部逻辑：$scope.move = function (item,fromIndex,toIndex) {
    $scope.list.splice(fromIndex,1);
    $scope.list.splice(toIndex,0,item);
  }
9）.加载视图:在定义controller的时候需多添加一个$ionicLoading服务
10）.开始加载：$ionicLoading.show({
      template: 'Loading...'
    });
11）.停止加载：$ionicLoading.hide();
12）.下拉刷新：ion-refresher
13）.定义刷新的时候显示的标题：pulling-text="正在刷新..."
14）.下拉刷新的时候出发的方法：on-refresh=""
15）..finally(function() {
       // 停止广播ion-refresher
       $scope.$broadcast('scroll.refreshComplete');
     });