摘要：
老样子 贴代码 。 我把初始化项目的 list.html 改成了这个样子。简单分析一下 其实跟 ionic1 没什么两样 。 值得注意的就是 (infinite)="doInfinite($event)" 和 (refresh)="doRefresh($event)" 不过值得注意的是 他比ioni 阅读全文
posted @ 2016-06-06 01:20
淡定君
阅读(1110)
评论(0)
推荐(0)
摘要：
1、导航视图 angular2 中的是视图是显示在<router-outlet></router-outlet>里的同时他要依赖于 directives:[ ROUTER_DIRECTIVES ]，还必须要配置RouteConfig 然而ionic 是这样的。 其中 swipeBackEnabled 阅读全文
posted @ 2016-06-06 01:18
淡定君
阅读(2501)
评论(0)
推荐(0)
摘要：
1、单个侧边栏 导航的代码在分析源码的时候已经分析过了，下面只看他的一些应用与方法。 /* 示例代码 */ <ion-menu [content]="mycontent"> <ion-content> <ion-list> ... </ion-list> </ion-content> </ion-m 阅读全文
posted @ 2016-06-06 01:14
淡定君
阅读(1602)
评论(0)
推荐(0)
摘要：
1、首先Modal是一个内容窗格、通常用来做一个选择或编辑。 先来看一下 tabs.html 做了什么。 /* tabs.html */ <ion-navbar *navbar hideBackButton> <ion-title>Modals</ion-title> </ion-navbar> < 阅读全文
posted @ 2016-06-06 01:11
淡定君
阅读(848)
评论(0)
推荐(0)
摘要：
/* html */ <ion-content> <button (click)="manual()">手动关闭</button> <button (click)="automatic()">自动关闭</button> </ion-content> /* html */ /* js */ impor 阅读全文
posted @ 2016-06-06 01:08
淡定君
阅读(1074)
评论(0)
推荐(0)
摘要：
1、注意 pan 和 swipe 的区别 。 平移 与 滑动 1、pan 是当我 按住 dom 左右滑动不松手。pan 累加 2、而 swipe 是我 按住 dom 左右滑动松手之后 swipe 累加 2、注意 tab 与 press 的区别 。 点击 与 按住 1、tab 是 轻击 dom 触发方 阅读全文
posted @ 2016-06-06 01:06
淡定君
阅读(614)
评论(0)
推荐(0)
摘要：
1、只是弹出框 以下代码都用 page1.html 这样我们就创建好了一个弹出窗口。效果如下。 那么这样做的话应该只是 显示了一个展示效果。 如果我想在这个弹出框内 输入信息呢？可以这样做。 2、带有input的弹出框 看 紫色部分的 代码意思 就是创建了两个 input 然后 赋予两个 name 阅读全文
posted @ 2016-06-06 01:05
淡定君
阅读(3629)
评论(0)
推荐(0)
摘要：
和 ionic1 的很像嘛。最终效果图。 点击后。其实就是handler方法。如图 阅读全文
posted @ 2016-06-06 00:57
淡定君
阅读(984)
评论(0)
推荐(0)
摘要：
首先 。这里的文件是 ts 而不是 js 具体看安装 我们的 幻灯片 Slide其实是一个 子集视图。所以我需要 import { ViewChild } from '@angular/core'。 首先 。这里的文件是 ts 而不是 js 具体看安装 我们的 幻灯片 Slide其实是一个 子集视图 阅读全文
posted @ 2016-06-06 00:52
淡定君
阅读(3099)
评论(0)
推荐(0)
摘要：
！重点 multiple="true" 控制 选择框是 多选还是单选。true为 多选类似 checkbox。 阅读全文
posted @ 2016-06-06 00:47
淡定君
阅读(7406)
评论(0)
推荐(0)
摘要：
还有更多的样式http://ionicframework.com/docs/v2/api/components/searchbar/Searchbar/ 阅读全文
posted @ 2016-06-06 00:46
淡定君
阅读(4097)
评论(0)
推荐(0)
摘要：
1、基本样式 no-lines 属性 隐藏列表项之间的分割符 inset 属性 去掉 ion-list的 外边框。 默认 的 ion-list 是有外边框的。 /* 示例代码 */ <ion-content> <ion-list no-lines> <ion-item>no-lines</ion-i 阅读全文
posted @ 2016-06-06 00:44
淡定君
阅读(4132)
评论(0)
推荐(0)
摘要：
1、input ion-list中 的 inset 使最后一个 ion-item 不带分割线， 具体效果请尝试 。 2、radio 阅读全文
posted @ 2016-06-06 00:39
淡定君
阅读(448)
评论(0)
推荐(0)
摘要：
1、图标 当然可以使用 平台特定 图标 <ion-icon ios="logo-apple" md="logo-android"></ion-icon> 是 ios 的时候显示 ios的图标 ， 别的则显示 Android的图标 变量的图标： 使用一个变量设置一个图标： <ion-icon [nam 阅读全文
posted @ 2016-06-06 00:36
淡定君
阅读(1505)
评论(0)
推荐(0)
摘要：
带有 warp 的 ion-row 超出界限( 100)时自动换到下一行。。而没有 warp 的 ion-row 是在同一行。。。 接下来看一下所有属性。 首先 可以去 theme/app.core.scss中导入 你的 scss 显式列百分比属性 显式列百分比属性 width-10 10% wid 阅读全文
posted @ 2016-06-06 00:18
淡定君
阅读(5433)
评论(0)
推荐(0)
摘要：
1、多选框：ion-checkbox 2、时间选择框：ion-datetime 阅读全文
posted @ 2016-06-06 00:13
淡定君
阅读(541)
评论(0)
推荐(0)
摘要：
1、基本用法的使用 2、带有list多条信息的卡片。 用了 ion-list 还在 button上 加了 ion-item 使得这个button占据一整行。 3、带有图片的卡片 3、带有头像的卡片 这里可以看得出来 ion-item 里的 其实属于一个块级标签 。用里面的属性 item-lefft 阅读全文
posted @ 2016-06-06 00:03
淡定君
阅读(1151)
评论(0)
推荐(0)
浙公网安备 33010602011771号