ionic+angular4
傻小胖
一个正在爬的小胖子
展开
-
ionic中如何隐藏头部的返回按钮
方法两种: 1. hideBackButton="true" hideBackButton="true"> 我的 2. .button-inner{ display: none !important; }原创 2017-07-26 09:41:19 · 1180 阅读 · 0 评论 -
由于原本的小弹框toast在极限操作的情况下会出现悬停不消失,所以我们自定义一个toast
html: class="toast" *ngIf="showtoast" ontouchmove="event.preventDefault();event.stopPropagation();">{{toastmessage}} css: .toast { z-index: 9000; position: fixed; width: 90%;原创 2017-11-27 20:24:37 · 326 阅读 · 0 评论 -
angular4中动态设置title
Title Service 使用Service自然首先要将其引入,不过要注意Title Service并不在@angular/core中,而是在@angular/platform-browser中: import { Title } from '@angular/platform-browser';1 引入之后,自然要将其注入到当前组件中,而这通常利用constructor完成:原创 2017-12-12 19:34:11 · 8687 阅读 · 1 评论 -
ionic 用上懒加载之后的页面push方法
用上懒加载后的页面push不在使push到组件名,而是push的name,segment该带的的参数还是一样的带 eg: push的地方:push名字是目标页面的name this.navCtrl.push("page-tourist-part",{ 'uid': this.accid, 'pid':pid, 'appid':this.appid, 'ti原创 2017-12-02 15:40:35 · 1202 阅读 · 2 评论 -
angular页面在ios上title标题无法显示问题
原因: 当页面加完后加载的是index页面,此时无title.,当ionic页面加载新的页面的时候捕捉不到页面再次加载 解决方法动态添加iframe迫使页面再次加载,让APP端捕捉到页面加载读取Title 函数中监听创建的iframe,当iframe加载完的时候移出iframe,否则创建一个iframe迫使页面再次加载 // 设置title setTitle(title){ va原创 2017-09-22 17:12:15 · 750 阅读 · 0 评论 -
ionic2中的LoadingController用法。在数据加载完之前显示
三种用法: import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams,App, ViewController} from 'ionic-angular'; import { LoadingController, Loading } from 'ionic-angular';原创 2017-09-25 10:59:39 · 7717 阅读 · 0 评论 -
ionic开发项目创建
1.首先安装node.js 也要anzhuang 2.其次安装cordova $npm install -g cordova 3.安装 ionic npm install -g ionic $ npm install -g cordova原创 2017-07-08 11:34:05 · 927 阅读 · 0 评论 -
ionic3+angular4中给DOM添加监听事件后报错:Uncaught (in promise): TypeError: Cannot read property 'addEventListen
Uncaught (in promise): TypeError: Cannot read property 'addEventListener' of null TypeError: Cannot read property 'addEventListener' of null at new MessagePage 原因:在页面还没有加载完成后这段监听的js代码已经执行,所以在执行这段代码的时原创 2017-07-26 16:38:53 · 14517 阅读 · 0 评论 -
ionic2中强制使安卓用ios样式的方法
在app开发中,很多时候需要分别对ios和安卓的样式分别设置。这使得代码量增多,而且显得特别繁琐。这个时候可以强制的将安卓的样式设置为使用ios的样式 操作方法为:在根模块里面也就是app.module.ts里面设置 import { NgModule, ErrorHandler } from '@angular/core'; import { BrowserModule } from '原创 2017-08-19 12:00:31 · 3290 阅读 · 1 评论 -
ionic原生tab。使用懒加载的同时不把tab拿出来单独做一个组件
做法: 1.每个页面放一个tab.同时把每个tab对应的icon标识出来。添加一个点击事件。 2.点击事件里面处理: 判断点击的是哪个icon,对应的是哪个页面,要求是点击的时候本页面不是点击的icon所对应的页面。(eg在首页点击首页页面不切换,在首页点击我的页面才切换)。 3.在html里面添加Ngclass根据标识显示不同的样式 class="footBarIcon" (cli原创 2017-07-27 16:25:11 · 1047 阅读 · 0 评论 -
ionic3+angular4动态设置入口页rootpage,根据不同的状态值来确定不同的入口页
在ionic+angular4的项目中有一个需求,就是当项目启动后先自动调一个接口,这个接口返回四个不同的状态值,然后项目根据这个四个不同的状态值来设置不同的入口页; 例如状态值为1是入口页为登录页,状态值为2时,入口页为首页,状态值为3时入口页为验证身份页等依次类推,动态的设置入口页rootpage。 实现如下: 1.将rootpage的初始值设置为空, 2.然后在app.compone原创 2017-08-11 16:34:04 · 4601 阅读 · 1 评论 -
angular+ionic开发的页面,当子页面需要从父组件带参进入又需要可以脱离父组件进入,怎么配置?
这个代码记录源于一个需求,例如:一个问卷页面,需要从H5的问卷列表点击进入,也需要可以单独从Banner点击直接进入问卷页面 在原生安卓和IOS跳H5页面的时候,需要往一个url传递参数跳转页面。 这时H5页面请求接口需要的参数来源于url。在一个APP里面需要一个页面既可以从H5的列表页面进入,又可单独从APP的指定地方配带参数的url进入该页面。 问题点:angular+ionic 开发原创 2017-10-21 20:19:08 · 1488 阅读 · 0 评论