import { Pipe, Injectable, PipeTransform } from '@angular/core';

添加一个pipe：import { Pipe, Injectable, PipeTransform } from '@angular/core';html中使用方法：<ion-label [innerHTML]="item.name | k

templateUrl:'build/app.html',<ion-navid="nav"[root]="rootPage"#contentswipe-back-enabled="false"

本文主要分为两个部分，一个是ionic页面的生命周期，一个是angular组件的生命周期，其实页面也是组件，只是不复用，ionic也单独弄了一套生命周期，所以和angular的组件生命周期还是不同的，使用的形式也不一样。两种在有些情况下，其实是会互相影响的

使用阿里巴巴矢量图标库Iconfont系列教程看这里 Ionic2入门教程（一）安装和环境配置 Ionic2入门教程（二）进阶配置：Android打包ionic2入门教程（三）高仿网易公开课ionic2入门教程（四）解读目录结构ionic2入门教程（五）如

制作一个视频背景欢迎页系列教程看这里 Ionic2入门教程（一）安装和环境配置 Ionic2入门教程（二）进阶配置：Android打包ionic2入门教程（三）高仿网易公开课ionic2入门教程（四）解读目录结构ionic2入门教程（五）如何使用Ionic

console.log//变量值在控制台输出代码相关的值或信息，你可以通过输出的信息基本判断一些错误。以chorme为例，F12键，迅速进入开发者模式，点击console，即可查看程序对应输出的相关信息。这样调试或构建应用程序UI，可以检查DOM元素的顺序

Ionic 样式修改和主题切换系列教程看这里 Ionic2入门教程（一）安装和环境配置 Ionic2入门教程（二）进阶配置：Android打包ionic2入门教程（三）高仿网易公开课ionic2入门教程（四）解读目录结构ionic2入门教程（五）如何使用I

Ionic2系列之高仿网易公开课系列教程看这里 Ionic2入门教程（一）安装和环境配置 Ionic2入门教程（二）进阶配置：Android打包ionic2入门教程（三）高仿网易公开课ionic2入门教程（四）解读目录结构ionic2入门教程（五）如何使用

系列教程看这里 Ionic2入门教程（一）安装和环境配置 Ionic2入门教程（二）进阶配置：Android打包ionic2入门教程（三）高仿网易公开课ionic2入门教程（四）解读目录结构ionic2入门教程（五）如何使用IonicPageionic2入

系列教程看这里 Ionic2入门教程（一）安装和环境配置 Ionic2入门教程（二）进阶配置：Android打包ionic2入门教程（三）高仿网易公开课ionic2入门教程（四）解读目录结构ionic2入门教程（五）如何使用IonicPage. Ionic

npm install @ionic/app-scripts@latest --save-dev关于Cannot find module '@ionicapp-scripts'. 无法找到 moudule 统一解决方式，去npm官网上查询对应的packag

let wechat = (<any>window).Wechat;if(!installed){. ');return ;});title: this.shareImg,description: this.shareDesc,thumb: t

Ionic2 tabs 导航与 sidemenu 导航结合使用方法我们使用 ionic start -list 查看可用的启动器构建模板, 最经常使用的就是 tabs 和 sidemenu, 但是如果两种都想用呢?下面就做一个简单的步骤演示一下如何简单的结

从gulp到rc0的npmscript之后，配置文件不方便修改。所以使用font-awesome就把整个文件夹复制到assets然后手动链接css，好处是可以push到github方便云端同步。

当在一个原生app词法环境下，一般优先使用SQLite,因为它是使用最广泛的稳定的文档型数据库之一，它也避免了一些诸如localstorage和IndexedDB的一些困境，比如系统在磁盘空间不够的时候会清除数据。如果你是在web中或者webapp中运行的

ionic cordova build ios --prod 打包成功样式显示不正常：采用npm install安装依赖可以解决此问题。

</ion-content>ion-slides 标签就是我们的轮播组件， #mySlider组件对象ionSlideDidChange 表示每次轮播的回调事件。//If true, continuously loop from the las

<ion-list-header>Follow us on Twitter</ion-list-header>. <!--<ion-icon name="ionic" item-left><

--begin左侧；end结尾右侧-->. </ion-header><ion-title> 标题 可以直接是一句话，这里用了searchbar. --在toolbar下添加选择城市按钮-->

6.2 安装插件6.2.1 ionic cordova add cordova-plugin-app-version这句话是cordova安装底层硬件支持插件

5.2.3 项目内设置cssIOS要设置俩个css然后加入图标到tabs.html

-- 有问题的提示语 -->. </ion-content>主要使用了[formGroup]，loginForm.controls 俩个属性

}3.2.3 在app.module.ts引入PaipaiPage（前文有）3.2.4 tabs.ts 加入 PaipaiPageimport { Component } from '@angular/core';

}2.1.5.2 providers 服务2.1.5.3 NgModule 模块类似于控件2.1.5.4 Pipe 管道2.2 项目结构2.2.1 App 入口2.2.1.1 app.module.ts 入口文件import { NgModule, Err

最近在学习利用ionic2框架开发移动app，在学习Tab控件时，遇到了不少问题。在ionic2之前的版本，所创建的初始项目脚本用的是JavaScript，而如今最新版本创建出的项目中，JavaScript都被typescript所替换，因此接下根本就不知

查看todo列表添加新的todo项查看todo详情保存 todo到持久化存储0 开始之前本教程需要你了解基本的Ionic 2概念。已经在电脑上安装了Ionic 2。如果没有，先去安装和学习吧。1 创建新的Ionic 2工程我们将通过生成一个基于“空白”模板

ionicUI(2)ionic2framework-TypeScript-tutorial. 1BasicENV. >node--version. v4.4.0. >npminstall-gcordova. >npminstall-gio

ionic generator是命令行的功能，ionic2自动帮我们创建应用程序，从而节省了大量的时间，并增加我们的速度来开发一个项目的关键部分。</ion-content>二、创建组件：ionic g component [Component

文章标题为part 1，并解释目前可以如此配置，但后续使用上可能还有变动。以ion-cli默认home组件为例。export class HomePageModule { }修改home.ts，主要是加入IonicPage，其配置项可参考官方文档。expo

推荐使用的编辑器是：VS code =>只负责编辑文档，不编译。而WebStorm 有检查编译等，在ionic1开发的时候，还很方便用浏览器随时点击按键浏览效果，但是开发ionic2之后，ionic2有自动检查编译，会照成webstorm卡顿，无法编

如何写一个cordova 用于ionic2项目中呢，在搜索了一番之后，千篇一律，我都怀疑那些文章是不是全部都是复制来复制去的，而且都不是很详细。我自己也捣鼓了一下午，踩了很多坑。所以特此写这下这篇，记录一下。假设需求是 写一个日志插件，可以将日志写在手机的

我这里没有设置FQ，亲测可行。但是angular2的开发环境搭建，则需要FQ网络，否则很多包会安装失败。建议大家在搭建开发环境的时候，不要参考百度出来的各种博客，太零碎，重要的是时间久，也不一定写的对。强烈建议参考官网引导教程。

普通的app用ionic内置的Storage存储键值对的方式可以满足日常的使用，但是有时候遇到一些奇怪的需求。比如说有个网友留言说做一个离线版的App，怎样调用本地Sqlite执行SQL语句。问题描述清楚直接上代码。需要说明的是SQLite是手机内置的数据

之前在使用ionic2时使用建立android平台命令或者编译时，总是会在获取gradle时卡住，等很久进度也不变化，导致命令超时失败。于是经过查阅资料和自己实践测试，总结出以下办法。其实主要原因是用命令下载时用的是指定的下载途径，国内通过这样下载十分慢，

打开icoMoon网站去制作字体文件。解压下载的文件，将其中的fonts文件夹拷贝到ionic2项目的src/assest目录下。下来我们去修改wecare.scss文件。修改@font-face中的引用地址。important to prevent is

项目要实现一个功能，在首页底部中间的tab弹出一个页面，而且是没有底部栏的，而不是像平常滑动的一个子页面。<ion-tab [root]="tab5Root" tabIcon="call" ="cal

Ionic2使用了近似原生App的页面导航方式，并不支持Angular2的路由。比如在首页是一个Tabs页面的情况下，如何控制用户看到的第一项Tab？默认情况下都是会导航到第一个Tab，而且地址栏的URL并不会跟随页面的切换而变化。好在Ionic2提供了一

本文主要给大家介绍的是关于利用Ionic2 + angular4实现一个地区选择组件的相关内容，为什么会有这篇文章？主要是因为最近在项目重构的过程中，发现之前用mobiscroll写的地区选择指令在angular2中很难重用。于是就萌生了自己写一个组件的想

typescript是：js的超集，使用后端语言的规范，对js的语法进行了扩展可以看作是一种面向对象的js语言版本。ionic框架的目的是以web技术开发移动端应用程序。配合apache服务器 cordova的编译平台，实现了编译打包成各个移动操作平台适配

export class MyApp {}二 定义模块&组件组件定义import { Component } from '@angular/core';}模块定义import { NgModule } from '@angular/core';ex

2.打开android studio，生成apk打开android studio 选择platforms 下的文件夹 android 打开

photoLibrary调用报错：No provider for PhotoLibrary；在调用相册文件时有用到photolibrary，总有些莫名的报错，3月份的时候这个坑让我不知所措，现在写下来方便查看，入坑过程：。　　　　　　console.log

问题注册安卓硬件返回按钮事件是必须的,因为用户不小心点击了返回按钮就退出app体验很不好，所以有几种方法：。这里用第三种展示。解决在app.html中，添加#myNav，在app.component.ts文件通过@ViewChild获取：。backButt

解压下载的文件，将其中的fonts文件夹拷贝到ionic2项目的src/assest目录下。下来我们去修改wecare.scss文件。修改@font-face中的引用地址。important to prevent issues with browser e

之前讲过了如何在Ionic2中使用第三方库，因为第三方库必须针对TypeScript提供相应的声明文件——即d.ts文件，才能被TypeScript正确识别并编译。好在大多数的第三方库已经有了定义文件，可直接通过以下命令安装：。除了自己手写d.ts之外，T

Ionic2使用了近似原生App的页面导航方式，并不支持Angular2的路由。比如在首页是一个Tabs页面的情况下，如何控制用户看到的第一项Tab？默认情况下都是会导航到第一个Tab，而且地址栏的URL并不会跟随页面的切换而变化。好在Ionic2提供了一