在路上`的博客

一、案例描述保存完之后使用this.navCtrl.pop()进行跳转到详情页，但是不请求调用详情的接口，导致保存完的数据无法更新二、 事件Events的介绍事件注册 在任意一界面注册事件之后可在任意界面根据事件名称进行调用。Events 有三个方法 分别是：this.events.publish () //注册Events事件this.events.subscribe() //调用Events事件this.events.unsubscribe()

案例描述在ionic中,this.navCtrl.push()和this.navCtrl.pop()都是进行页面跳转,但是用法又有区别例如有A B C三个页面,三个页面都是使用this.navCtrl.push()进行页面跳转,A—B B—C C—B(A B页面使用ionic自带的 ion-header 的返回按钮,C页面使用的是按钮点击事件返回到B页面)A跳转到B页面,在B页面点击返回时,返回的是A页面B页面跳转到C页面,C页面点击按钮跳转到B页面,而在B页面点击 ion-head

一、效果案例备注： 数据为动态获取循环遍历的二、出现问题循环遍历导致我点击一个展开，其他的数据跟着变动三、解决办法在遍历的数组中添加字段表示"展开", 然后通过下标控制 展开 收起四、案例代码htmlts五、代码展示html <div class="detail-item" *ngFor="let item of urgeRecords index as i"> <h3>{{item.createTime.split(" ")[0]}}催办

一、案例效果点击按钮弹出时间选择器二、解决方法在ion-datetime的css上增加 position: relative;三、案例代码html<h4 style="border: none;"><em class="required">*</em>下次催办日期 <ion-datetime class="dateTime" displayFormat="YYYY/MM/DD" [min]='lastFollowTime' [max]=

一、案例效果二、实现思路可以运用组件 “ion-refresher-content” “ion-infinite-scroll”三、代码实现htmlts四、代码实现html<ion-content padding> <ion-refresher (ionRefresh)="doRefresh($event)"> <!-- bubbles circles arrow-down--> <ion-refresher-cont

一、实现效果图备注: 数字是后台获取得二 、实现思路前端把数据做活，通过点击获取下标得方式实现高亮三、代码实现htmlts四、代码案例html <ul class="tabList"> <li *ngFor="let item of tabPendingArr index as i" [ngClass]="activeIndex == i ? 'active':''" (click)="tabGetList(i)">

实现效果图代码案例页面文件html<ion-icon name="star" class="iconScan" (click)="showScan()"></ion-icon>页面ts跳转方法及传参 this.navCtrl.push(‘跳转的页面’,{param:‘跳转的参数’})showScan(){ this.navCtrl.push('BranchScanPage',{title:this.projectInfo.projectName})

步骤1. 注入 cookie 服务import { CookieService } from 'ngx-cookie';export class StartupService { tenantManger: any; constructor( private _cookieService: CookieService ) { if (this._cookieService.get('tenantManger')) { this.tenantManger = JS

一、使用post传参的方法下载excel文件Angular使用HTTP POST下载流文件在使用Angular开发项目时，通常会有下载文件的功能项。一般是后台返回下载地址，通过标题或者使用window打开下载地址新窗口，浏览器则会识别出流文件进行文件下载。但是，有时候进行http异步请求，后台返回的并不是下载地址，而是直接返回一个文件流，这时如何使用http请求回来的文件流转换成文件下载？其实并非Angular框架存地这样的情况，其他如Vue,React甚至Jquery都通过http xhr进行请求

一、案例描述需求是下拉支持多选，支持全部，经最后审查，按用户的角度选择全部和其余项目是二选一的，所以便按这个进行开发啦~二、解决方法通过在项目中每条数据添加属性disable的来控制，此处注意的是在每条数据上加，并不是全部三、事例代码html <standard-form-row class='standardFormRow' grid last title="项目列表"> <nz-select style="width: 200px;" ngModelChange

一、前提初识angular, 在检测node , npm -v时都能成功访问，而且node也是高版本，在$ npm install -g @angular/cli 全局下载完angularcli之后 检测angularcli是否安装成功 ng --version 发现命令行提示 ng:command not found二、原因及解决办法经多次检查发现是环境变量 的问题，只要在 node_global下配置环境变量即可, 如图：ps: 先找到全局下载的angular从而定位到node_global的