ionic2+ 开发笔记

开发笔记

ionic 模块定义

ionic2+ 环境下运行已有的ionic1项目

将ionic.project 重命名为 ionic.config.json

引用外部js 文件

  1. 将外部文件放到www文件下
  2. 在src/index.html 引用外部文件
    <script src="./jquery-3.2.1.min.js"></script> `

注意路径写法

(./为当前路径,../为上级目录)

安装camera插件报错

安装camera插件报错(https://forum.ionicframework.com/t/unable-to-add-camera-plugin/92703)

如何滚动到指定位置

如何滚动到指定位置

使用第三方类库

使用第三方类库

ionic storage使用问题

ionic storage使用问题

判断使用的平台

判断使用的平台

全局属性定义

全局属性定义

表单验证

表单验证

pop view 参数回传

pop view 参数回传

上存图片

上存图片

sublime格式化

sublime格式化

隐藏tab

  // ionViewDidEnter(){
  //   document.querySelector("#app-tabs .show-tabbar")['style'].display = 'none';
  // }

  // ionViewWillLeave() {
  //   document.querySelector("#app-tabs .show-tabbar")['style'].display = 'flex';
  // }
<ion-tabs id="app-tabs">
  <ion-tab [root]="tab1Root" tabsHideOnSubPages="true" tabTitle="首页" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="动态" tabIcon="star" tabBadge="3" tabBadgeStyle="danger"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="推荐" tabIcon="heart"></ion-tab>
  <ion-tab [root]="tab4Root" tabTitle="订货车" tabIcon="contacts"></ion-tab>
  <ion-tab [root]="tab5Root" tabTitle="我的" tabIcon="contacts"></ion-tab>
</ion-tabs>

原文地址:https://www.cnblogs.com/final-elysion/p/8944395.html

时间: 2024-08-26 17:09:29

ionic2+ 开发笔记的相关文章

Ionic2 开发笔记(1)ionic2 +angular2搭建

1.去node.js官网下载对应版本https://nodejs.org/en/(不会请看OnsenUi搭载,里面有详细过程) 2.然后通过npm下载Ionic和cordova $ npm install -g ionic cordova $ npm install -g ionic typescript ionic -v cordova -v 检查版本 3.这样一个ionic2就搭载完成了,接下来创建一个ionic2 App $ ionic start demo --v2 --v2表示创建的i

Ionic2学习笔记(10):扫描二维码

作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5575843.html 时间:6/11/2016 ? ? 说明: 在本文发表的时候(2016-06-11),Ionic2是beta版本,所有还是会有一些改动比较大的地方: 点击查看 , 比如beta8版本(2016-06-06),相较于前面的版本就有一个特别大的改动的地方: @App and @Page should be replaced with @Component 基于这种情况,大家还是静静

张高兴的 Windows 10 IoT 开发笔记:RTC 时钟模块 DS3231

原文:张高兴的 Windows 10 IoT 开发笔记:RTC 时钟模块 DS3231 GitHub:https://github.com/ZhangGaoxing/windows-iot-demo/tree/master/DS3231 注意:不包含闹钟设置

Android开发笔记(一百零三)地图与定位SDK

集成地图SDK 国内常用的地图SDK就是百度和高德了,二者的用法大同小异,可按照官网上的开发指南一步步来.下面是我在集成地图SDK时遇到的问题说明: 1.点击基本地图功能选项,不能打开地图,弹出"key验证出错!请在AndroidManifest.xml文件中检查key设置的"的红色字提示.查看日志提示"galaxy lib host missing meta-data,make sure you know the right way to integrate galaxy&

微信订阅号开发笔记(二)

微信开发的流程其实很简单 o(∩_∩)o 哈哈!在微信网站的编辑操作 额,就不说了.虽然有人问过.下面是我的微信开发过程,简单记录下. 成为开发者 材料:1.自己的服务器资源,百度的BAE,新浪的SAE都不错. 2.懂那么点编程语言. 3.注册微信公众号. 上面的都有了之后,就可以自己动手开发了.哇咔咔,好兴奋.有木有. 在登录进去之后,怎么成为开发者?不知道,自己看去. 开始coding吧. 1.验证 if (! empty ( $_GET ['echostr'] ) && ! empt

微信订阅号开发笔记(三)

1.接收语音识别结果 if($msgType=="voice"){ //收到语音消息 //MediaId 语音消息媒体id,可以调用多媒体文件下载接口拉取数据. //Format 语音格式,如amr,speex等 $format = $postObj->Format; $mediaId = $postObj->MediaId; //开通语音识别功能,用户每次发送语音给公众号时,微信会在推送的语音消息XML数据包中,增加一个Recongnition字段. //注:由于客户端缓

微信订阅号开发笔记(四)

1.创建菜单 //创建菜单 public function createMenu(){ $url = "https://api.weixin.qq.com/cgi-bin/menu/create?access_token="; $url.=$this->getacctoken(); //目前自定义菜单最多包括3个一级菜单,每个一级菜单最多包含5个二级菜单.一级菜单最多4个汉字, //二级菜单最多7个汉字,多出来的部分将会以"..."代替.请注意,创建自定义菜单

Swift开发笔记

Swift开发笔记(一) 刚开始接触XCode时,整个操作逻辑与Android Studio.Visual Studio等是完全不同的,因此本文围绕IOS中控件的设置.事件的注册来简单的了解IOS开发 1.新建一个Xcode项目,项目目录大致如图: 2.在Main.storyboard添加控件 首先要显示右侧的工具栏(Utilities),之后选择显示Object Library,就可以找到常用的一些控件了,然后添加几个控件到界面中 3.将控件和ViewController进行关联 此时要将Ed

张高兴的 Xamarin.Forms 开发笔记:为 Android 与 iOS 引入 UWP 风格的汉堡菜单 ( MasterDetailPage )

所谓 UWP 样式的汉堡菜单,我曾在"张高兴的 UWP 开发笔记:汉堡菜单进阶"里说过,也就是使用 Segoe MDL2 Assets 字体作为左侧 Icon,并且左侧使用填充颜色的矩形用来表示 ListView 的选中.如下图 但怎样通过 Xamarin.Forms ,将这一样式的汉堡菜单带入到 Android 与 iOS 中呢? 一.大纲-细节模式简介 讲代码前首先来说说这种导航模式,官方称"大纲-细节模式"(MasterDetail).左侧的汉堡菜单称为&qu