随笔分类 -  ionic

ionic学习笔记
摘要:直接看着这写就行了 http://ionicframework.com/docs/components/ 阅读全文
posted @ 2016-12-26 17:50 Tiac 阅读(289) 评论(0) 推荐(0) 编辑
摘要:直接上代码吧,不解释了 控制器: common.js: 官方文档:http://ionicframework.com/docs/api/service/$ionicPopup/ 阅读全文
posted @ 2016-12-21 21:21 Tiac 阅读(1193) 评论(0) 推荐(0) 编辑
摘要:1)ionic的listview对象即<ion-list></ion-list> 2)添加并显示编辑按钮(添加其他自定义按钮也一样) can-swipe属性设置为true(默认就是true),在ion-item里添加一个编辑按钮 3)添加并显示排序按钮 排序按钮有自己名字,不是用<ion-optio 阅读全文
posted @ 2016-12-21 11:09 Tiac 阅读(1990) 评论(0) 推荐(0) 编辑
摘要:1)模版循环在之前的随笔中已经说过,使用挺简单的 http://www.cnblogs.com/tujia/p/6078217.html 简单来说就是控制器输入一个数据变量,模版里用ng-repeat属性来循环就可以了 2)现在问题来了,循环是可以,但我怎么追加呢?(异步更多) 以上面的例子为例,循 阅读全文
posted @ 2016-12-09 10:21 Tiac 阅读(2026) 评论(0) 推荐(0) 编辑
摘要:1)网上说要想在js里跳转用,$state.go()方法,但找了大半天都没找到在ionic使用$state的方法 2)要想用js跳转,直接用原生js跳转也是可以的 ionic的方法的跳转待补充~~ 阅读全文
posted @ 2016-12-08 16:18 Tiac 阅读(221) 评论(0) 推荐(0) 编辑
摘要:官方文档:http://ionicframework.com/docs/api/directive/onHold/ on-hold 长按事件on-tap 点击事件 on-double-tap 双击事件on-touch 触摸事件on-release 释放事件on-drag 拖拽事件on-drag-up 阅读全文
posted @ 2016-12-08 11:33 Tiac 阅读(1028) 评论(0) 推荐(0) 编辑
摘要:使用 data-tap-disabled="true" 属性即可 阅读全文
posted @ 2016-12-08 10:42 Tiac 阅读(311) 评论(0) 推荐(0) 编辑
摘要:1)下拉刷新用的是 ion-refresher,使用示例如下: 详情说明请看官方文档:http://ionicframework.com/docs/api/directive/ionRefresher/ 刷新后需要收起 loading 动画 2)上拉加载用的是 ion-infinite-scroll 阅读全文
posted @ 2016-11-18 17:02 Tiac 阅读(9618) 评论(0) 推荐(0) 编辑
摘要:首先来个官方文档:http://ionicframework.com/docs/api/directive/ionList/ 1)ionic模型引擎的定界符是双大括号 {{}} 2)要使用什么模版变量,直接用控制器里的$scope对象传出来就可以了 3)模版循环用 ng-repeat 属性,使用方法 阅读全文
posted @ 2016-11-18 16:33 Tiac 阅读(1561) 评论(0) 推荐(0) 编辑
摘要:安装最新的 ionic 命令行工具 官方文档:http://ionicframework.com/docs/v2/getting-started/installation/ 装个demo玩一下~ PS:一样的,你可能要去FQ才能下载到这个demo 阅读全文
posted @ 2016-11-18 11:23 Tiac 阅读(210) 评论(0) 推荐(0) 编辑
摘要:headers不可以不写,按ionic默认的ajax请求方式,请求头参数是以payload形式传过去的,后台接受参数或验签可能会有问题,改掉请求头成这个就行了 阅读全文
posted @ 2016-11-15 18:38 Tiac 阅读(2847) 评论(0) 推荐(0) 编辑
摘要:在ionic中可以用两个办法写中转链接(写模版地址或路由地址) 1)a 标签的 href 2)button 标签的 ui-sref 3)ion-item 上可以加 href 或 sref 注:href 可以写id 或 hash链接 或 state,ui-sref 是写 state 阅读全文
posted @ 2016-11-15 18:29 Tiac 阅读(617) 评论(0) 推荐(0) 编辑
摘要:项目里 lib/js/ionic.bundle.js 里很多ionic的函数,里面还带了很多使用示例,认真看一下肯定会对使用ionic有很多帮助啊!! 例如:$http 阅读全文
posted @ 2016-11-11 11:16 Tiac 阅读(266) 评论(0) 推荐(0) 编辑
摘要:页面加载完成事件(非刷新情况下,页面切换是不会重复触发此事件的,只在第一次进入页面时触发,需要重复触发的话请使用 $ionicView.enter 事件) 其他事件如下: 官方文档:http://ionicframework.com/docs/api/directive/ionView/ 关于$ht 阅读全文
posted @ 2016-11-10 14:10 Tiac 阅读(1493) 评论(0) 推荐(0) 编辑
摘要:1)页面跳转及传参方法 2、使用控制器及接收参数 阅读全文
posted @ 2016-11-10 13:24 Tiac 阅读(2824) 评论(0) 推荐(0) 编辑
摘要:UI框架使用方法:http://ionicframework.com/docs/api/ PS:路由之类的其他js代码示例建议用 官方的app 生成器弄一个简单的页面,然后下载回来看 https://creator.ionic.io 在做新项目的时候,用creator先创建基础框架再下载回来改也是比 阅读全文
posted @ 2016-11-10 11:28 Tiac 阅读(1923) 评论(0) 推荐(0) 编辑
摘要:用来生成前端 html 还是挺方便的(接口数据另算),弄好就可以直接下载 https://creator.ionic.io/app/dashboard/projects 阅读全文
posted @ 2016-10-31 18:26 Tiac 阅读(2443) 评论(0) 推荐(0) 编辑
摘要:ionic本质一开发工具,ionic项目目录里在大堆东西,一堆插件(plugins),还有一堆npm包(node_modules),其实都是骗人的~( ̄▽ ̄~)~ 什么nodejs,npm只是为了解决服务器和开发时的包依赖什么的~~ 其实真正(最终)有用的东西在www目录,其实可以简单理解为这就是一 阅读全文
posted @ 2016-10-25 11:54 Tiac 阅读(320) 评论(0) 推荐(1) 编辑
摘要:官方教程: http://ionicframework.com/getting-started/ 官方教程写得比较简单,简单来说就是 1)安装nodejs(安装方法:http://www.cnblogs.com/tujia/p/5993852.html) 2)利用nodejs的npm包管理器安装 c 阅读全文
posted @ 2016-10-24 19:28 Tiac 阅读(431) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示