Angular-1.1.0. 高级界面组件(显示更多)
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. 高级界面组件(显示更多)相关推荐
- Windows Forms高级界面组件-使用状态栏控件
状态栏(StatusStrip)控件通常显示在窗体的底部,向用户提供有关应用程序状态的信息.如Word应用程序使用状态栏提供页码.行数和列数的信息. StatusStrip派生于ToolStrip,通 ...
- Windows Forms高级界面组件-快捷菜单
快捷菜单通常所说的就是上下文菜单,敢就是程序运行时单击右键弹出的菜单.Word,Excel,Windows教有快捷菜单,使用Word时,有时需要反复使用复制.粘贴等操作,完成这些操作有多种方法,最简单 ...
- android用来显示界面的组件,Android 自学之基本界面组件(上)
文本款(TextView)和编辑框(EditText)的功能和用法 TextView直接继承了View,他还是EditText.Button两个UI组件的父类,TextView的作用就是在界面上显示文 ...
- Android7.0高级设置修改一级菜单分类和显示顺序并跳转第三方应用
在android 盒子定制开发中,时常会遇到需要修改高级设置Settings内容的需求,比如在海思3798MV200方案中,"显示"菜单和"高级设置"菜单都是调 ...
- 高级查询组件dynamicCondition升级为v2.0.0版本(一)——使用步骤
效果预览: 1.省份和城市可以实现联动效果. 2.可以自定义查询条件编辑器.如下拉树,单选按钮组. 新版本特性: 1.新增ops和allowDel属性 2.支持扩展编辑器.可以实现下拉框级联,下拉树, ...
- Activiti-5.22.0——activiti-modeler界面设计组件介绍
目录 1.启动事件(Start Events): (1)无启动事件(Start event): A.描述: B.图标: (2)计时器事件(Start timer event): A.描述: B.图标: ...
- 魔众文库系统 v2.3.0 后台菜单快捷搜索,组件显示优化
魔众文库系统基于文档系统知识,建立平台与领域,打造流量.用户.付费和变现的闭环,帮助您更好的搭建文库系统. 魔众文库系统发布v2.3.0版本,新功能和Bug修复累计5项,后台菜单快捷搜索,组件显示优化 ...
- 魔众企业官网系统 v4.5.0 后台菜单快捷搜索,组件显示优化
魔众企业官网系统采用PHP+Mysql架构,是一款对SEO非常友好.功能全面.安全稳定.支持多终端展示并且使用起来极其简单的企业建站系统. 魔众企业官网系统发布v4.5.0版本,新功能和Bug修复累计 ...
- PyQt高级界面控件及操作
PyQt高级界面控件 一.表格与树结构 1.表格 1.代码示例 2.代码解析: 3.补充说明属性参数 2.树结构 1.自定义树结构 2.系统定制模式 二.QStackedWidget组件 三.QTab ...
最新文章
- Datawhale Ring限量100份来了!
- 哪些操作会造成raid数据无法恢复?raid多块硬盘离线后切记不要做这些事情
- 调用本地电脑摄像头并进行按P进行捕获照片并保存,按下Q退出
- Java基础知识强化之集合框架笔记27:ArrayList集合练习之去除ArrayList集合中的重复字符串元素...
- Github Pages建立个人博客
- 《Effective C++》阅后心得
- mongodb 查询内嵌文档
- 一次Nginx负载均衡的安装与配置
- 前端【学习心得】电商网站前端架构#3 前端在产品设计中的作用
- 默认大小_如何更改 Linux 控制台字体类型和大小 | Linux 中国
- 在Windows 2003环境下配置 PHP 5.2.5 + Apache HTTP Server 2.2.8 + MySQL 6.0
- kuangbin 数学训练一 Ekka Dokka
- 三维地震数据segy数据显示
- 迅捷PDF在线转换器将PDF增加密码的简单方法
- python差异性分析_差异性分析
- Intel CPU平台和架构介绍
- 南航C语言答案,2009-2011南航复试题(回忆版) 予人玫瑰,手有余香
- GNN教程:采样模型GraphSage理解(工业上图模型的雏形)
- 安卓软件开发需要学什么你知道吗?
- jcaptcha配置验证码
热门文章
- B站韩顺平java学习笔记(八)-- 房屋出租系统(项目)章节
- 探索一下PyScript的妙用
- 计算机期末考试成绩分析,计算机操作员考试成绩分析
- 计算机教师成绩分析总结与反思,2021期中考试成绩总结分析 教师期中总结反思【3篇】...
- 小说cmsPTCMS安装
- SVM支持向量机-软间隔与松弛因子(3)
- 利用固定输出的三端稳压器得到任意电压
- 湖南大学计算机类有哪些专业,湖南大学专业排名,招生专业目录(10篇)
- python | 代码规范 | PEP8文档翻译整理
- Flink CDC 2.x 让一切变得美好