利用Ionic2 + angular4实现一个地区选择组件(2)

<ion-content> <button ion-button block icon-left color="light" (tap)="showAreasSelect()">地区选择</button> </ion-content> <areas-select #areasSelect [level]="3" (cancel)="closeSelect()" (done)="done($event)"></areas-select>

test.page.ts

import {Component, ElementRef, Injector, ViewChild} from "@angular/core"; import {BasePage} from "../base.page"; @Component({ templateUrl: 'test.page.html', styles: [] }) export class TestPage extends BasePage { constructor(protected rt: ElementRef, protected ij: Injector) { super(rt, ij); } @ViewChild('areasSelect') areasSelect; showAreasSelect() { this.areasSelect.open(); } done(data) { this.showAlert(JSON.stringify(data)); } closeSelect() { this.showAlert('you click close'); } }

没有地区数据json或ts的文件可以去这里获取：(jb51.net).rar

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。

您可能感兴趣的文章: