1.1.0. 高级界面组件(显示更多)

功能

代码参考

VM

<div ng-if="!reOver" ng-click="ticMore('More')"></div>

<div ng-if="tkmore && isOver" ng-click="ticMore('More')">

<div class="tricon">更多</div>

</div>

<div ng-if="!tkmore" ng-click="ticMore('PackUp')">

<div class="tricon">收起</div>

</div>

M

$scope.tkmore= false;

$scope.tkOver= false;

$scope.tcMore = function(type){

switch(type){

case'loadlist':

$scope.ticketlist = $scope.more(data.ticketlist,"loadlist");

if($scope.by.length>3){$scope.tkOver= true;}

$scope.tkmore= true;

break;

case'PackUp':

$scope.ticketlist = $scope.more(data.ticketlist,"PackUp");

$scope.tkmore= false;

break;

case'More':

$scope.ticketlist = $scope.more(data.ticketlist,"More");

$scope.tkmore= true;

break;

}

}

$scope.tcMore('loadlist');

factory

.factory('commonfn',function($state,$ionicHistory,$ionicScrollDelegate,

$cordovaToast,$rootScope,$ionicPopup){

//    commonfn.init($scope)

return{

init: function($scope){

//            下拉显示

$scope.more = function(arrList,type,flag,num){

var num =(num)?num:3;

var arr =[];

switch(type){

case'loadlist':

arr = arrList.slice(0,num);

flag = !flag;

break;

case'PackUp':

arr  = arrList.slice(0,num);

flag = !flag;

$ionicScrollDelegate.resize();

break;

case'More':

arr = arrList;

flag = !flag;

$ionicScrollDelegate.resize();

break;

default:

break;

}

return arr;

}

},

}

})

转载于:https://www.cnblogs.com/alan-alan/p/7382622.html

Angular-1.1.0. 高级界面组件(显示更多)相关推荐

  1. Windows Forms高级界面组件-使用状态栏控件

    状态栏(StatusStrip)控件通常显示在窗体的底部,向用户提供有关应用程序状态的信息.如Word应用程序使用状态栏提供页码.行数和列数的信息. StatusStrip派生于ToolStrip,通 ...

  2. Windows Forms高级界面组件-快捷菜单

    快捷菜单通常所说的就是上下文菜单,敢就是程序运行时单击右键弹出的菜单.Word,Excel,Windows教有快捷菜单,使用Word时,有时需要反复使用复制.粘贴等操作,完成这些操作有多种方法,最简单 ...

  3. android用来显示界面的组件,Android 自学之基本界面组件(上)

    文本款(TextView)和编辑框(EditText)的功能和用法 TextView直接继承了View,他还是EditText.Button两个UI组件的父类,TextView的作用就是在界面上显示文 ...

  4. Android7.0高级设置修改一级菜单分类和显示顺序并跳转第三方应用

    在android 盒子定制开发中,时常会遇到需要修改高级设置Settings内容的需求,比如在海思3798MV200方案中,"显示"菜单和"高级设置"菜单都是调 ...

  5. 高级查询组件dynamicCondition升级为v2.0.0版本(一)——使用步骤

    效果预览: 1.省份和城市可以实现联动效果. 2.可以自定义查询条件编辑器.如下拉树,单选按钮组. 新版本特性: 1.新增ops和allowDel属性 2.支持扩展编辑器.可以实现下拉框级联,下拉树, ...

  6. Activiti-5.22.0——activiti-modeler界面设计组件介绍

    目录 1.启动事件(Start Events): (1)无启动事件(Start event): A.描述: B.图标: (2)计时器事件(Start timer event): A.描述: B.图标: ...

  7. 魔众文库系统 v2.3.0 后台菜单快捷搜索,组件显示优化

    魔众文库系统基于文档系统知识,建立平台与领域,打造流量.用户.付费和变现的闭环,帮助您更好的搭建文库系统. 魔众文库系统发布v2.3.0版本,新功能和Bug修复累计5项,后台菜单快捷搜索,组件显示优化 ...

  8. 魔众企业官网系统 v4.5.0 后台菜单快捷搜索,组件显示优化

    魔众企业官网系统采用PHP+Mysql架构,是一款对SEO非常友好.功能全面.安全稳定.支持多终端展示并且使用起来极其简单的企业建站系统. 魔众企业官网系统发布v4.5.0版本,新功能和Bug修复累计 ...

  9. PyQt高级界面控件及操作

    PyQt高级界面控件 一.表格与树结构 1.表格 1.代码示例 2.代码解析: 3.补充说明属性参数 2.树结构 1.自定义树结构 2.系统定制模式 二.QStackedWidget组件 三.QTab ...

最新文章

  1. Datawhale Ring限量100份来了!
  2. 哪些操作会造成raid数据无法恢复?raid多块硬盘离线后切记不要做这些事情
  3. 调用本地电脑摄像头并进行按P进行捕获照片并保存,按下Q退出
  4. Java基础知识强化之集合框架笔记27:ArrayList集合练习之去除ArrayList集合中的重复字符串元素...
  5. Github Pages建立个人博客
  6. 《Effective C++》阅后心得
  7. mongodb 查询内嵌文档
  8. 一次Nginx负载均衡的安装与配置
  9. 前端【学习心得】电商网站前端架构#3 前端在产品设计中的作用
  10. 默认大小_如何更改 Linux 控制台字体类型和大小 | Linux 中国
  11. 在Windows 2003环境下配置 PHP 5.2.5 + Apache HTTP Server 2.2.8 + MySQL 6.0
  12. kuangbin 数学训练一 Ekka Dokka
  13. 三维地震数据segy数据显示
  14. 迅捷PDF在线转换器将PDF增加密码的简单方法
  15. python差异性分析_差异性分析
  16. Intel CPU平台和架构介绍
  17. 南航C语言答案,2009-2011南航复试题(回忆版) 予人玫瑰,手有余香
  18. GNN教程:采样模型GraphSage理解(工业上图模型的雏形)
  19. 安卓软件开发需要学什么你知道吗?
  20. jcaptcha配置验证码

热门文章

  1. B站韩顺平java学习笔记(八)-- 房屋出租系统(项目)章节
  2. 探索一下PyScript的妙用
  3. 计算机期末考试成绩分析,计算机操作员考试成绩分析
  4. 计算机教师成绩分析总结与反思,2021期中考试成绩总结分析 教师期中总结反思【3篇】...
  5. 小说cmsPTCMS安装
  6. SVM支持向量机-软间隔与松弛因子(3)
  7. 利用固定输出的三端稳压器得到任意电压
  8. 湖南大学计算机类有哪些专业,湖南大学专业排名,招生专业目录(10篇)
  9. python | 代码规范 | PEP8文档翻译整理
  10. Flink CDC 2.x 让一切变得美好