ionic 2 起航(一)

【ionic 2 起航(一)】的更多相关文章

ionic 2 起航控件的使用客户列表场景(四)

接下来,我们的客户列表要怎么刷新数据呢? 我们不会安卓开发,不会ios开发,没关系,我们还有ionic 2.ionic 2的控件 Ion-refresher 轻松帮我们搞掂.  <ion-refresher (refresh)="doRefresh($event)"> <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="Pull…

ionic 2 起航控件的使用客户列表场景(二)

首先放出我hithub项目代码例子,有兴趣研究探讨的同学可以去看看 https://github.com/linyuebin2016/ionic2.git 下面我们来尝试下第一个项目场景一份客户的列表,和顶部一个搜索框新建一个customer文件夹,里面放2个文件 customer.html,customer.ts 首先看看customer.html有什么东西. <ion-navbar *navbar hideBackButton> <button menuToggle> &l…

最近的工作项目开始接触Ionic2.学习了一段时间,现在跟大家分享一下. 什么是Ionic 2? 百度一下,ionic是一个用来开发混合手机应用的,开源的,免费的代码库.可以优化html.css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化.ionic会是一个可以信赖的框架. ionic 1 是使用的angular 1 而ionic 2是用的angular2. angular2和angular1 又是存在着较大的差别的. ok,现在开始我们的航程吧…

ionic 2 起航控件的使用客户列表场景(三)

我们来看看客户列表的搜索控件是怎么工作的吧. 1.打开customer.html <ion-content> <ion-searchbar [(ngModel)]="searchQuery" (input)="getItems($event)" placeholder="客户名称或客户曾用名"></ion-searchbar> 2.ion-searchbar 就是我们的主角.下面有三个属性 [(ngModel)…

ionic第二坑——ionic 上拉菜单(ActionSheet)安卓样式坑

闲话不说,先上图: 这是IOS上的显示效果,代码如下: HTML部分: <body ng-app="starter" ng-controller="actionsheetCtl" > <ion-pane> <ion-content > <h2 ng-click="show()">Action Sheet</h2> </ion-content> </ion-pane>…

ionic第一坑——ion-slide-box坑（ion-slide分两页的坑）

ionic.views.Slider = ionic.views.View.inherit({ initialize: function (options) { . . . function setup() { . . . // set continuous to false if only one slide if (slides.length < 2) options.continuous = false; //special case if two slides if (browser.t…

ionic之$ionicGesture手势（大坑）

鄙人来本公司前未用过ionic框架,但由于ionic是基于angularjs封装的,正好我用过angularjs,很荣幸的面试就过了,然后通过该网站http://www.ionic.wang(后面简称网站i)边学ionic边做项目. ionic刚踩过的坑--$ionicGesture!现总结下$ionicGesture,希望对用到该框架的童鞋有所帮助! 网站i对$ionicGesture的介绍如下: 在一个元素上添加一个事件监听器. $ionicGesture.on(eventType, cal…

Ionic2系列——Ionic 2 Guide 官方文档中文版

最近一直没更新博客,业余时间都在翻译Ionic2的文档.之前本来是想写一个入门,后来觉得干脆把官方文档翻译一下算了,因为官方文档就是最好的入门教程.后来越翻译越觉得这个事情确实比较费精力,不知道什么时候能完成,就先把完成的部分放出来,避免其他人再重复劳动了. 地址:https://www.gitbook.com/book/yanxiaodi/ionic2-guide/details 这个文档不是严格的翻译官方文档,开始几章是自己写的.到组件那章基本上就是翻译了,有时候也会加一点自己踩过的坑.我在…

Win10 UWP开发系列：使用VS2015 Update2+ionic开发第一个Cordova App

安装VS2015 Update2的过程是非常曲折的.还好经过不懈的努力,终于折腾成功了. 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错.对于Cordova.PhoneGap.ionic.AngularJS这些框架或库的关系,我个人理解是这样,PhoneGap是一个商业项目,用来实现HTML5式的跨平台开发,后来Adobe公司将其中的核心代码开源,就是Cordova,Cordova只负责实现JavaScript调用原生代码的功能,是一个壳,而壳里具体用什么样式,在H…

Ionic 简单操作

在使用 Ionic 之前要安装 Nodejs,Cordova . Java 下载Java 网站.Java 默认安装在 C:\Program Files\Java 文件目录. Android 下载Android Studio并浏览安装程序并设置IDE.找到Android SDK的安装位置; 我们将运行tools/android打开了Android SDK管理器.我们要安装: 适用于您指定Android版本的Android平台SDK Android平台工具 Android SDK build-too…