馨曦缺的博客_ionic+angular4

ionic2中的LoadingController用法。在数据加载完之前显示

三种用法：import { Component } from '@angular/core';import { IonicPage, NavController, NavParams,App, ViewController} from 'ionic-angular';import { LoadingController, Loading } from 'ionic-angular';

ide

加载

请求数据

封装

数据请求

原创 2021-11-19 10:45:59 314 阅读

angular4中动态设置title

Title Service使用Service自然首先要将其引入，不过要注意Title Service并不在@angular/core中，而是在@angular/platform-browser中：import { Title } from '@angular/platform-browser';1引入之后，自然要将其注入到当前组件中，而这通常利用constructor完成：

当前页

ide

其他

原创 2021-11-19 10:45:57 388 阅读

ionic 用上懒加载之后的页面push方法

用上懒加载后的页面push不在使push到组件名，而是push的name,segment该带的的参数还是一样的带eg:push的地方：push名字是目标页面的namethis.navCtrl.push("page-tourist-part",{ 'uid': this.accid, 'pid':pid, 'appid':this.appid, 'ti

懒加载

传参数

其他

原创 2021-11-19 10:45:57 126 阅读

angular+ionic开发的页面，当子页面需要从父组件带参进入又需要可以脱离父组件进入，怎么配置？

这个代码记录源于一个需求，例如：一个问卷页面，需要从H5的问卷列表点

数组

子串

h5

懒加载

子字符串

原创 2021-11-19 10:45:21 190 阅读

由于原本的小弹框toast在极限操作的情况下会出现悬停不消失，所以我们自定义一个toast

html：class="toast" *ngIf="showtoast" ontouchmove="event.preventDefault();event.stopPropagation();">{{toastmessage}}css:.toast { z-index: 9000; position: fixed; width: 90%;

css

html

动态绑定

5e

其他

原创 2021-11-19 10:42:59 47 阅读

angular页面在ios上title标题无法显示问题

原因：当页面加完后加载的是index页面，此时无title.，当ionic页面加载新的页面的时候捕捉不到页面再次加载解决方法动态添加iframe迫使页面再次加载，让APP端捕捉到页面加载读取Title函数中监听创建的iframe,当iframe加载完的时候移出iframe，否则创建一个iframe迫使页面再次加载// 设置titlesetTitle(title){ va

加载

移出

页面加载

解决方法

动态添加

原创 2021-11-19 10:42:58 268 阅读

ionic3+angular4动态设置入口页rootpage,根据不同的状态值来确定不同的入口页

在ionic+angular4的项目中有一个需求，就是当项目启动后先自动调一个接口，这个接口返回四个不同的状态值，然后项目根据这个四个不同的状态值来设置不同的入口页；例如状态值为1是入口页为登录页，状态值为2时，入口页为首页，状态值为3时入口页为验证身份页等依次类推，动态的设置入口页rootpage。实现如下：1.将rootpage的初始值设置为空，2.然后在app.compone

json

跳转页面

ide

其他

原创 2021-11-19 10:41:48 29 阅读

ionic中如何隐藏头部的返回按钮

方法两种：1.hideBackButton="true"hideBackButton="true"> 我的 2..button-inner{display: none!important;}

ide

其他

原创 2021-11-19 10:38:40 200 阅读

ionic原生tab。使用懒加载的同时不把tab拿出来单独做一个组件

做法：1.每个页面放一个tab.同时把每个tab对应的icon标识出来。添加一个点击事件。2.点击事件里面处理：判断点击的是哪个icon,对应的是哪个页面，要求是点击的时候本页面不是点击的icon所对应的页面。（eg在首页点击首页页面不切换，在首页点击我的页面才切换）。3.在html里面添加Ngclass根据标识显示不同的样式class="footBarIcon" (cli

ico

点击事件

html

ios

其他

原创 2021-11-19 10:38:37 78 阅读

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代码已经执行，所以在执行这段代码的时

加载

html

jquery

解决方法

原生js

原创 2021-11-19 10:38:37 231 阅读

ionic开发项目创建

1.首先安装node.js 也要anzhuang2.其次安装cordova$npm install -g cordova3.安装 ionicnpm install -g ionic $ npm install -g cordova

typescript

创建项目

ide

node.js

其他

原创 2021-11-19 10:35:52 117 阅读

ionic2中强制使安卓用ios样式的方法

在app开发中，很多时候需要分别对ios和安卓的样式分别设置。这使得代码量增多，而且显得特别繁琐。这个时候可以强制的将安卓的样式设置为使用ios的样式操作方法为：在根模块里面也就是app.module.ts里面设置import { NgModule, ErrorHandler } from '@angular/core';import { BrowserModule } from '

ios

ico

ide

app开发

操作方法

原创 2021-11-19 10:35:51 144 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

12369999

ionic2中的LoadingController用法。在数据加载完之前显示

angular4中动态设置title

ionic 用上懒加载之后的页面push方法

angular+ionic开发的页面，当子页面需要从父组件带参进入又需要可以脱离父组件进入，怎么配置？

由于原本的小弹框toast在极限操作的情况下会出现悬停不消失，所以我们自定义一个toast

angular页面在ios上title标题无法显示问题

ionic3+angular4动态设置入口页rootpage,根据不同的状态值来确定不同的入口页

ionic中如何隐藏头部的返回按钮

ionic原生tab。使用懒加载的同时不把tab拿出来单独做一个组件

ionic3+angular4中给DOM添加监听事件后报错：Uncaught (in promise): TypeError: Cannot read property 'addEventListen

ionic开发项目创建

ionic2中强制使安卓用ios样式的方法