4.导航视图:ion-nav-view在ionic里,我们使用ion-nav-view指令代替AngularUIRoute中的ui-view指令,来进行模板的渲染:<ion-nav-view><!--模板内容将被插入此处--></ion-nav-view>和ui-view一样,ion-nav-view总是根据状态的变化,来提取对应的模板并将其在D..
分类:
其他好文 时间:
2015-10-30 17:06:22
阅读次数:
605
学习要点:1.Ionic中路由管理介绍2.ionic中内联模板介绍3.ionic路由机制:状态4.导航视图:ion-nav-view5.模板视图:ion-view6.导航栏:ion-nav-bar7.回退按钮:ion-nav-back-button8.视图特定按钮:ion-nav-buttons9.定制标题内容:ion-nav-title10.定制视图切换方式:nav-transition1..
分类:
其他好文 时间:
2015-10-30 17:06:21
阅读次数:
225
ion-refresher指令有以下可选的属性:on-refresh - 当用户向下拉动足够的距离并松开时,执行此表达式on-pulling - 当用户开始向下拉动时,执行此表达式pulling-text - 当用户向下拉动时,显示此文本pulling-icon - 当用户向下拉动时,显示此图标re...
分类:
移动开发 时间:
2015-10-29 13:19:21
阅读次数:
265
ioniccss布局介绍1.基本布局2.色彩、图标和边距3.界面组件列表4.界面组件按钮5.界面组件表单输入6.界面组件选项卡7.定制布局栅格系统------------------------------------------------1.基本布局1.布局模式基本布局:标题/header、内容/content和页脚/footer。标题区总是位于..
分类:
Web程序 时间:
2015-10-28 15:49:47
阅读次数:
6590
5.ionic界面组件表单输入1.输入组件容器:.item-input在ionic中,各种输入组件被定义成不同的HTML模板,以便将描述标签和输入元素打包在一起。在这个模板的根元素上,需要声明.item-input样式:<anyclass="item-input">...</any>不同的输入元素有不同的模板定义。..
分类:
Web程序 时间:
2015-10-28 15:45:08
阅读次数:
520
ioniccss布局实例1:基本布局:标题/header、内容/content和页脚/footer。bar.bar-header-声明元素为标题区.bar.bar-footer-声明元素为底部.content.scroll-content-声明元素为内容区<!DOCTYPEhtml>
<html>
<head>
<title>ionic-CSS布局1</title>..
分类:
Web程序 时间:
2015-10-27 13:32:00
阅读次数:
281
混合式开发移动app,要实现的是初始化页面时不展示搜索框,让页面向上移动一定位移。可以实现。应用js也能实现: var cont = document.getElementsByTagName("ion-content")[0]; var start_top = 53; var end_top = ...
分类:
其他好文 时间:
2015-10-25 22:30:13
阅读次数:
1131
例子 <ion-item class="item-complex"> 标签执行后会自动增加一个<a class="item-content"> ?class="item-content" 的定义在ionic.css 中, 展开后的样式可通过chrome的开发者工具查看 若想自定义,只能覆盖对应的...
分类:
Web程序 时间:
2015-10-17 22:20:05
阅读次数:
338
参考ionic官方博客 http://blog.ionic.io/crosswalk-comes-to-ionic/ ionic?browser?add?crosswalk
ionic?run?android cordova集成crosswalk https://crosswalk-project.org/documentation/cordova/cordova...
分类:
其他好文 时间:
2015-10-16 13:40:09
阅读次数:
281
Gradle 离线包解决方法 http://stackoverflow.com/questions/29874564/ionic-build-android-error-when-download-gradle I had the same problem. I added gradle to my project offline. After downloading gra...
分类:
其他好文 时间:
2015-10-15 16:41:22
阅读次数:
169