IonicAngularJSAPI资源-CSDN文库

需积分: 10 126 浏览量 2015-10-01 10:31:17 上传评论 1 收藏 633KB PDF 举报

资源推荐

资源详情

资源评论

AngularJS Extensions
AngularJS Extensions
http://www.ionicframework.com/docs/api/
Action Sheet
Backdrop
Content
Form Inputs
Gestures and Events
Headers/Footers
Keyboard
Lists
Loading
Modal
Navigation
Platform
Popover
Popup
Scroll
Side Menus
Slide Box
Spinner
Tabs
Tap & Click
Utility
AngularJS Extensions
Ionic is both a CSS framework and a Javascript UI library. Many components need Javascript in order to produce magic, though 
often components can easily be used without coding through framework extensions such as our AngularIonic extensions.
Ionic follows the View Controller pattern popularized in such frameworks as Cocoa Touch. In the View Controller pattern, we treat 
different sections of the interface as child Views or even child View Controllers that contain other views. View Controllers then 
"power" the Views inside of them to provide interaction and UI functionality. A great example is the Tab Bar View Controller which 
processes taps on a Tab Bar to switch between a set of viewable panes.
Explore our API docs for detailed information on the View Controllers and Javascript utilities available in Ionic.
$ionicActionSheet
The Action Sheet is a slide-up pane that lets the user choose from a set of options. Dangerous options are highlighted in red and 
made obvious.
There are easy ways to cancel out of the action sheet, such as tapping the backdrop or even hitting escape on the keyboard for 
desktop testing.

Details

tio

The options for this ActionSheet. Properties:

[Object] buttons Which buttons to show. Each button is an object with a text field.

{string} titleText The title to show on the action sheet.

{string=} cancelText the text for a 'cancel' button on the action sheet.

{string=} destructiveText The text for a 'danger' on the action sheet.

{function=} cancel Called if the cancel button is pressed, the backdrop is tapped or the hardware back button is pressed.

{function=} buttonClicked Called when one of the non-destructive buttons is clicked, with the index of the button that was clic

ked and the button object. Return true to close the action sheet, or false to keep it opened.

{function=} destructiveButtonClicked Called when the destructive button is clicked. Return true to close the action sheet,

or false to keep it opened.

{boolean=} cancelOnStateChange Whether to cancel the actionSheet when navigating to a new state. Default true.

{string} cssClass The custom CSS class name.

Returns: function hideSheet A function which, when called, hides & cancels the action sheet.

/**

* @ngdoc service

* @name $ionicActionSheet

* @module ionic

* @description

* The Action Sheet is a slide-up pane that lets the user choose from a set of options.

* Dangerous options are highlighted in red and made obvious.

* There are easy ways to cancel out of the action sheet, such as tapping the backdrop or even

* hitting escape on the keyboard for desktop testing.

* ![Action Sheet](http://ionicframework.com.s3.amazonaws.com/docs/controllers/actionSheet.gif)

* @usage

* To trigger an Action Sheet in your code, use the $ionicActionSheet service in your angular controllers:

* ```js

* angular.module('mySuperApp', ['ionic'])

* .controller(function($scope, $ionicActionSheet, $timeout) {

* // Triggered on a button click, or some other target

* $scope.show = function() {

* // Show the action sheet

* var hideSheet = $ionicActionSheet.show({

* buttons: [

* { text: '<b>Share</b> This' },

* { text: 'Move' }

* ],

* destructiveText: 'Delete',

* titleText: 'Modify your album',

* cancelText: 'Cancel',

* cancel: function() {

// add cancel code..

* buttonClicked: function(index) {

* return true;

* }

* });

剩余62页未读，继续阅读

评论收藏

内容反馈

m99m11

粉丝: 0
资源: 4

Ionic AngularJS API

最新资源

Ionic AngularJS API

Ionic javascript API -cn

Cordova_Ionic_AngularJs环境安装及Eclipse开发HybridApp的配置

AngularJS+SpringMVC使用RESTful的API

mapboxDirections:使用Ionic Framework，AngularJS和MapBox GL API制作的混合应用程序

ionic-techtalk:Ionic、AngularJS 和 BreezeJS 的示例应用程序，带有 NodeExpress API

ImagePicker:Ionic2+AngularJS2 图片选择component和多图上传

Learning Ionic 无水印pdf 0分

ionic-angumix:使用Ionic，Cordova和AngularJS内置的Mixcloud API包装器

Learning Ionic 2 - Second Edition

Angular-mean-ionic-ngrx.zip

一个基于node express快速开发api类后端的框架，适用于angularjs和ionic等前后端分离的项目.zip

Angular-Django-Angular-Ionic.zip

spring-boot-activiti-restful：与Activiti，Drools，LDAP，MySQL，ActiveMQ，Jasper Report，带有SwaggerUI的Restful API，AngularJS + Ionic等的Spring-boot集成

charts:使用AngularJS，Ionic Cordova的ChartMogul Metrics IOS应用程序

ionicitude：AngularJS模块，用于在Ionic项目中使用Wikitude cordova插件

info-rest-api-ionic-sample

ionic-file-explorer:用于使用 Ionic 框架制作的应用程序的文件浏览器服务

ionic3-angular5-cordova-geofence:带有Google Places API的Ionic 3，Angular 5和Cordova Geofence

Angularjs之filter过滤器(推荐)

ionic-reddit-news-app

爱心代码 李峋同款爱心等免费下载 exe、py、html格式

网页设计期末大作业+html+css

HTML5图表框架echarts实战项目(50套源码)，大数据平台展示可视化效果

小米官网simply.zip

2023个税抵扣 Apsara Clouder云计算专项技能认证：云服务器ECS入门 以及个⼈所得税年度应纳税额抵扣

爱心树LoveTree代码

HTML+CSS 仿原神官网源码

2022起名取名测算网源码PHP+数据 完整无错版

Axure高保真元件库

最新资源

爱心代码李峋同款爱心等免费下载 exe、py、html格式

2023个税抵扣 Apsara Clouder云计算专项技能认证：云服务器ECS入门以及个⼈所得税年度应纳税额抵扣

2022起名取名测算网源码PHP+数据完整无错版