Ionic2
qq_30970807
这个作者很懒,什么都没留下…
展开
-
ActionSheetControlle
一、一个Action Sheet是一个让用户来选择一组选项的窗口,他会出现在app内容的上方,并且必须让用户手动的让其消失直到用户恢复到和app的交互。翻译 2016-11-10 17:21:06 · 797 阅读 · 0 评论 -
FabContainer
一、使用 Button Button 同样的ion-fab可以包含好几个ion-fab-list通过不同的值,比如top,bottom,left和right。假设你需要一串按钮在主按钮的上方,你可以使用side=top(默认值为bottom)。并且一个FAB按钮也可以用代码来关闭 Share Facebook翻译 2016-11-24 15:31:55 · 532 阅读 · 0 评论 -
FabList
一、ion-fab-listion-fab-list是一个可以存储多个FAB按钮的容器,他们是ion-fab的组件并且运行你指定按钮的位置。ion-fab bottom right > Share Facebook Twitter Youtube Vimeo翻译 2016-11-24 15:47:24 · 311 阅读 · 0 评论 -
Footer
一、ion-footerFooter一个页面底部的组件,他可以包裹在ion-toolbar外面来确保其大小正确。@Component({ template: ` Footer `})翻译 2016-11-24 15:59:10 · 348 阅读 · 0 评论 -
itemSilding
一、一个可以滑动的item是可以包含几个按钮,这要求item作为一个子控件并以List为父控件,所有的按钮可以被放在ion-itemoptions中二、使用 Item Favorite Share Unread 三、滑动的方向默认情况下,是从翻译 2016-12-07 10:54:31 · 452 阅读 · 0 评论 -
keyboard
一、keyboard允许你使用ionic的keyboard插件来使用keyboard事件。二、事件1、isOpen()键盘是否打开2、onClose(callback)3、close()翻译 2016-12-07 11:08:49 · 512 阅读 · 0 评论 -
List
一、ion-list二、方法1、closeSlidingItems关掉滑动按钮打开的item三、输入属性1、sliding决定item滑动是否可用import { Component, ViewChild } from '@angular/core';import { List } from 'ionic-angular';@Component({翻译 2016-12-07 13:46:43 · 427 阅读 · 0 评论 -
input
一、实例 First name: Last name: 二、浏览器支持大部分浏览器都支持三、说明标签规定了用户可以在其中输入数据的字段元素在元素中使用,用来声明允许用户输入的input控件输入字段可通过多种方式改变,取决于type属性元素是空的,他只包含标签属性你可以使用元素来定义元素的标注四、属性1、accept a转载 2016-12-09 21:10:14 · 399 阅读 · 0 评论 -
ItemReorder
一、item recode转载 2016-12-06 14:06:52 · 648 阅读 · 0 评论 -
FabButton
一、ion-fabFABS(Floating Action Buttons)是一个标准的遵循md设计的组件。他们是一个代表各种行动的圆圈,当点击的时候,他可能包含更多的相关的按钮。FABs顾名思义是浮动在固定内容上方的。这并不是单单的实现而是必须使用组件,就像: Button Button在这种情况下不会覆盖,这个fab按钮也会像一般的按钮一样。翻译 2016-11-22 20:40:51 · 424 阅读 · 0 评论 -
Config
一、Config让你配置你的整个app和指定平台,你可以设置tab的位置,icon的模式,动画等等。import { IonicApp, IonicModule } from 'ionic-angular';@NgModule({ declarations: [ MyApp ], imports: [ IonicModule.forRoot(MyApp, { b翻译 2016-11-16 22:51:59 · 1037 阅读 · 0 评论 -
AlertController
一、Alert是用来展示给用户信息和收集用户的输入信息,一个Alert会出现在app内容的上方,并且直到用户手动关掉它之后才能继续与app进行交互,有着title,subtitle或者message等参数。二、Alert Button在一个buttons数组中,每个button都包含text属性和可选的handler属性,如果handler返回false,那么这个alert不会因为翻译 2016-11-14 14:37:19 · 1916 阅读 · 0 评论 -
APP
一、APP类是一个在Ionic中用来获取应用程序各个方面的信息的实用的类。二1、setTitle(title)2、setEnabled(isEnabled, duration)设置当前app是否可用,意味着app是否可以接受新的用户指令,比如可以再视图变化的时候设置成false,然后在结束后设置成true。(1)duration:当isEnabled设置成fal翻译 2016-11-14 15:09:40 · 240 阅读 · 0 评论 -
Content
一、ion-contengconteng组件提供了一个非常易于使用的content区域,并且有许多有效的方法来控制滚动的区域。content区域也可以通过使用刷新控件来实现下拉刷新 Add your content here!二、可以使用Angular的@viewChild注解来获得页面中content的引用import { Component, View翻译 2016-11-17 22:26:31 · 494 阅读 · 0 评论 -
Refresher
一、ion-refresher该组件提供了上拉刷新功能在content组件中,把ion-refresh作为你的ion-content节点的第一个子元素。页面可以监听到刷新者的不同输出事件,这个refresh输出事件会在用下下拉足够的开始刷新的距离时触发。一旦同步操作结束并且刷新应该被停止的时候,就调用complete();注意:不要用*ngIf包裹refresher,他将不会正确显示,请使翻译 2016-11-18 10:59:48 · 1420 阅读 · 0 评论 -
Avatar Badge Button checkBox chip
一、Avatar1、ion-avatar一个avatar是一个用来在item中创建一个圆形图像的组件,他可以通过item-left或者item-right属性来决定放在item的左边还是右边。二、Badge1、ion-badge是一个ionic中用来包含数字或者文本的控件,你可以展示一个badge来表明这是item的新信息。2、输入参数(1)color: 比如pri翻译 2016-11-18 20:52:35 · 739 阅读 · 0 评论 -
DateTime
一、DateTimeDateTime组件是展示一个窗口让用户很方便的选择日期.使用ion-dateTime将会在页面底部显示一个滑动的选择日期窗口,这个选择器会展示出一个滑动的列来独立的选择年月日等等,这个组件很像原生的元素,但是,ionic的dateTime让你更简单的展示一个时间选择控件并管理这个值。 Date 二、显示和选择格式1、YYYY 4位数年份翻译 2016-11-21 17:21:23 · 2621 阅读 · 0 评论 -
Events
一、Event是在程序中一个发布-订阅风格的事件系统用来发送和响应应用程序级别的事件。import { Events } from 'ionic-angular';constructor(public events: Events) {}// 第一个页面(当user创建时)function createUser(user) { console.log('User created!翻译 2016-11-22 20:12:07 · 503 阅读 · 0 评论 -
LoadingController
一、LoadingController可以用来弹出一个窗口来阻止用户交互,加载图标将会加载在app内容之上,他包括一个可选的背景,可以通过设置showBackdrop:false来禁用。二、创建你可以把所有参数都闯入create(opt)方法,spinner name必须是spinner属性,或者是其他可选HTML选项可以传进content属性,如果你没有传参数spinner的话l翻译 2016-12-09 21:28:17 · 2103 阅读 · 0 评论