首页
会员中心
到顶部
到尾部
ionic教程
  •  2020/11/3 9:59:21

    ionic 复选框

    ionic 复选框ionic 复选框(checkbox)与普通的 HTML 复选框没什么区别,以下实例演示了 ionic 复选框 ion-checkbox 的应用。<ion-checkbox ng-model="isChecked">复选框标签</ion-che... 阅读全文>>
  •  2020/11/3 9:59:21

    ionic 单选框操作

    ionic 单选框操作实例中,根据选中的不同选项,显示不同的值。HTML 代码<ion-header-bar class="bar-positive"> <h1 class="title">当选按钮</h1></ion-header-b... 阅读全文>>
  •  2020/11/3 9:59:19

    ionic 切换开关操作

    ionic 切换开关操作以下实例中,通过切换不同开关 checked 显示不同的值,true 为打开,false 为关闭。HTML 代码<ion-header-bar class="bar-positive"> <h1 class="title">开关切... 阅读全文>>
  •  2020/11/3 9:59:18

    ionic 手势事件

    ionic 手势事件事件 描述 用法 实例on-hold 长按的时间是500毫秒。 <button     on-hold="onHold()"     class="button"&g... 阅读全文>>
  •  2020/11/3 9:59:08

    ionic 头部和底部

    ionic 头部和底部ion-header-bar这个是固定在屏幕顶部的一个头部标题栏。如果给它加上'bar-subheader' 这个样式,它就是副标题。用法<ion-header-bar align-title="left" class="bar-positive"&g... 阅读全文>>
  •  2020/11/3 9:59:01

    ionic 列表操作

    ionic 列表操作列表是一个应用广泛在几乎所有移动app中的界面元素。ionList 和 ionItem 这两个指令还支持多种多样的交互模式,比如移除其中的某一项,拖动重新排序,滑动编辑等等。用法<ion-list> <ion-item ng-repeat=... 阅读全文>>
  •  2020/11/3 9:58:59

    ionic 加载动作

    ionic 加载动作$ionicLoading 是 ionic 默认的一个加载交互效果。里面的内容也是可以在模板里面修改。用法angular.module('LoadingApp', ['ionic']).controller('LoadingCtrl', function($s... 阅读全文>>
  •  2020/11/3 9:58:58

    ionic 模态窗口

    ionic 模态窗口$ionicModal$ionicModal 可以遮住用户主界面的内容框。你可以在你的 index 文件或者是其他文件内嵌入以下代码(里面的代码可以根据你自己的业务场景相应的改变)。<script id="my-modal.html" type="tex... 阅读全文>>
  •  2020/11/3 9:58:57

    ionic 导航

    ionic 导航ion-nav-view当用户在你的app中浏览时,ionic能够检测到浏览历史。通过检测浏览历史,实现向左或向右滑动时可以正确转换视图。采用AngularUI路由器模块等应用程序接口可以分为不同的$state(状态)。Angular的核心为路由服务,URLs可以... 阅读全文>>
  •  2020/11/3 9:58:55

    ionic 平台

    ionic 平台$ionicPlatform$ionicPlatform 用来检测当前的平台,以及诸如在PhoneGap/Cordova中覆盖Android后退按钮。方法onHardwareBackButton(callback)有硬件的后退按钮的平台,可以用这种方法绑定到它。 ... 阅读全文>>
  •  2020/11/3 9:58:54

    ionic 浮动框

    ionic 浮动框$ionicPopover$ionicPopover 是一个可以浮在app内容上的一个视图框。可以实现以下功能点: 在当前页面显示更多信息。 选择一些工具或配置。 在页面提供一个操作列表。方法fromTemplate(templateString, op... 阅读全文>>
  •  2020/11/3 9:58:54

    ionic 对话框

    ionic 对话框$ionicPopupionic 对话框服务允许程序创建、显示弹出窗口。$ionicPopup 提供了3个方法:alert(), prompt(),以及 confirm() 。实例HTML 代码<body class="padding" ng-contro... 阅读全文>>
  •  2020/11/3 9:58:52

    ionic 滚动条

    ionic 滚动条ion-scroll ion-scroll 用于创建一个可滚动的容器。用法<ion-scroll    [delegate-handle=""]    [direction=... 阅读全文>>
  •  2020/11/3 9:58:51

    ionic 侧栏菜单

    ionic 侧栏菜单一个容器元素包含侧边菜单和主要内容。通过把主要内容区域从一边拖动到另一边,来让左侧或右侧的侧栏菜单进行切换。效果图如下所示:用法要使用侧栏菜单,添加一个父元素<ion-side-menus>,一个中间内容 <ion-side-menu-con... 阅读全文>>
  •  2020/11/3 9:58:49

    ionic 滑动框

    ionic 滑动框ion-slide-box 滑动框是一个包含多页容器的组件,每页滑动或拖动切换:效果图如下:用法<ion-slide-box on-slide-changed="slideHasChanged($index)"> <ion-slide>... 阅读全文>>
  •  2020/11/3 9:58:48

    ionic 加载动画

    ionic 加载动画ion-spinnerionSpinner 提供了许多种旋转加载的动画图标。当你的界面加载时,你就可以呈现给用户相应的加载图标。该图标采用的是SVG。用法<ion-spinner icon="spiral"></ion-spinner>... 阅读全文>>
  •  2020/11/3 9:58:47

    ionic 选项卡栏操作

    ionic 选项卡栏操作ion-tabsion-tabs 是有一组页面选项卡组成的选项卡栏。可以通过点击选项来切换页面。对于 iOS,它会出现在屏幕的底部,Android会出现在屏幕的顶部(导航栏下面)。用法实例<ion-tabs class="tabs-posi... 阅读全文>>
广告联系QQ:45157718 点击这里给我发消息 电话:13516821613 杭州余杭东港路118号雷恩国际科技创新园  网站技术支持:黄菊华互联网工作室 浙ICP备06056032号