Ionic3 通讯录索引的实现
发布时间:2020-12-17 09:08:12 所属栏目:安全 来源:网络整理
导读:关于通讯录这个页面的布局,此处不进行介绍;下面主要是说明Ionic1.0和Ionic3.0的实现间的差异。 一、Ionic1.0版本 二、Ionic3.0版本 在这个版本中,主要是依赖ion-content这个标签的属性及方法,实例代码如下: ***.htmlion-content Add your content here!
关于通讯录这个页面的布局,此处不进行介绍;下面主要是说明Ionic1.0和Ionic3.0的实现间的差异。 一、Ionic1.0版本 二、Ionic3.0版本 在这个版本中,主要是依赖<ion-content>这个标签的属性及方法,实例代码如下: ***.html <ion-content> Add your content here! </ion-content> ***.ts import { Component,ViewChild } from '@angular/core'; import { Content } from 'ionic-angular'; @Component({...}) export class MyPage{ @ViewChild(Content) content: Content; scrollToTop() { this.content.scrollToTop(); } } 在实现通过字母来定位对应的分组时,主要是使用到了 PS: 1、在实现通讯录这个功能时,可以给item添加sticky,可以实现字母表头的悬浮效果; 2、另外可以github有一个开源库 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |