ionic 教程

  • ionic 复选框

    ionic 复选框(checkbox)与普通的 HTML 复选框没什么区别,以下实例演示了 ionic 复选框 ion-checkbox 的应用。 <ion-checkbox…

    ionic 教程 2023年2月17日
  • ionic 单选框操作

    实例中,根据选中的不同选项,显示不同的值。 HTML 代码 <ion-header-bar class=”bar-positive”> <h1 class=”ti…

    ionic 教程 2023年2月17日
  • ionic 切换开关操作

    以下实例中,通过切换不同开关 checked 显示不同的值,true 为打开,false 为关闭。 HTML 代码 <ion-header-bar class=”bar-po…

    ionic 教程 2023年2月17日
  • ionic 手势事件

    ionic 手势事件。 事件 描述 用法 on-hold 长按的时间是500毫秒。 <button on-hold=”onHold()” class=”button”>…

    ionic 教程 2023年2月17日
  • ionic JavaScript头部和底部

    ion-header-bar 这个是固定在屏幕顶部的一个头部标题栏。如果给它加上bar-subheader 这个样式,它就是副标题。 用法 <ion-header-bar a…

  • ionic 列表操作

    列表是一个应用广泛在几乎所有移动app中的界面元素。ionList 和 ionItem 这两个指令还支持多种多样的交互模式,比如移除其中的某一项,拖动重新排序,滑动编辑等等。 用法…

    ionic 教程 2023年2月17日
  • ionic 加载动作

    $ionicLoading 是 ionic 默认的一个加载交互效果。里面的内容也是可以在模板里面修改。 用法 angular.module(LoadingApp, [ionic])…

    ionic 教程 2023年2月17日
  • ionic 模态窗口

    $ionicModal $ionicModal 可以遮住用户主界面的内容框。 你可以在你的 index 文件或者是其他文件内嵌入以下代码(里面的代码可以根据你自己的业务场景相应的改…

    ionic 教程 2023年2月17日
  • ionic 导航

    ion-nav-view 当用户在你的app中浏览时,ionic能够检测到浏览历史。通过检测浏览历史,实现向左或向右滑动时可以正确转换视图。 采用AngularUI路由器模块等应用…

    ionic 教程 2023年2月17日
  • ionic 平台

    $ionicPlatform $ionicPlatform 用来检测当前的平台,以及诸如在PhoneGap/Cordova中覆盖Android后退按钮。 方法 onHardware…

  • ionic 浮动框

    $ionicPopover $ionicPopover 是一个可以浮在app内容上的一个视图框。 实例 HTML 代码 <p> <button ng-click=…

    ionic 教程 2023年2月17日
  • ionic 对话框

      $ionicPopup ionic 对话框服务允许程序创建、显示弹出窗口。 $ionicPopup 提供了3个方法:alert(), prompt(),以及 confirm()…

    ionic 教程 2023年2月17日
  • ionic 滚动条

    ion-scroll ion-scroll 用于创建一个可滚动的容器。 用法 <ion-scroll [delegate-handle=””] [direction=””] …

    ionic 教程 2023年2月17日
  • ionic 侧栏菜单

    一个容器元素包含侧边菜单和主要内容。通过把主要内容区域从一边拖动到另一边,来让左侧或右侧的侧栏菜单进行切换。 效果图如下所示: 用法 要使用侧栏菜单,添加一个父元素<ion-…

    ionic 教程 2023年2月17日
  • ionic 滑动框

    ion-slide-box 滑动框是一个包含多页容器的组件,每页滑动或拖动切换: 效果图如下: 用法 <ion-slide-box on-slide-changed=”sli…

  • ionic 加载动画

    ion-spinner ionSpinner 提供了许多种旋转加载的动画图标。当你的界面加载时,你就可以呈现给用户相应的加载图标。 该图标采用的是SVG。 用法 <ion-s…

    ionic 教程 2023年2月17日
  • ionic 选项卡栏操作

    ion-tabs ion-tabs 是有一组页面选项卡组成的选项卡栏。可以通过点击选项来切换页面。 对于 iOS,它会出现在屏幕的底部,Android会出现在屏幕的顶部(导航栏下面…

    ionic 教程 2023年2月17日