博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ionic-navigation
阅读量:7087 次
发布时间:2019-06-28

本文共 1695 字,大约阅读时间需要 5 分钟。

hot3.png

今天弄了一下午navigation,遇到不少问题,及时总结记录,

//基础页面,在这个页面上点击每个列表分别显示详细信息
朋友

{
{contact.contactname}}

{

{contact.contacttext}}

import {Component} from '@angular/core';//import {NavController} from 'ionic-angular';import {NavController} from 'ionic-angular';import {NavigationDetailsPage} from '../about/navigation-detail';@Component({  templateUrl: 'build/pages/about/about.html'})export class AboutPage {  contacts = [];  constructor(public nav: NavController) {    this.contacts =[          {"contactid":1,"contactname":"张三","contacttext":"13123451388"},          {"contactid":2,"contactname":"张想","contacttext":"13123451388"},          {"contactid":3,"contactname":"Sam","contacttext":"131233333333"},          {"contactid":4,"contactname":"Jane","contacttext":"13123422221"},          {"contactid":5,"contactname":"Cary","contacttext":"13123451322"},          {"contactid":6,"contactname":"Kate","contacttext":"13123451388"},      ]  }    openNavDetailsPage(contact) {    this.nav.push(NavigationDetailsPage, { item: contact });  } }//NavParams参数可以引用夜可以不引用
//详细页面
{
{item.contactname}}
{
{item.contacttext}}
//详细页面的ts文件import {Component} from '@angular/core';//import {NavController} from 'ionic-angular';import {NavController, NavParams} from 'ionic-angular';@Component({   templateUrl: 'build/pages/about/navigation-detail.html'})export class NavigationDetailsPage {  item;  constructor(params: NavParams) {    this.item = params.data.item;  }}

 

转载于:https://my.oschina.net/u/2612473/blog/753295

你可能感兴趣的文章
MVC3.0----整理之一
查看>>
linux中磁盘分区以及如何将磁盘挂载到系统中
查看>>
装饰器
查看>>
iOS开发-UI基础Demo
查看>>
wcf微软列子
查看>>
Oracle 相关概念
查看>>
Oracle中函数/过程返回结果集的几种方式
查看>>
PowerDesigner连接Oracle并导出表结构
查看>>
重建二叉树
查看>>
Winform 显示远程图片
查看>>
MS14-025引起的问题 - 2
查看>>
.Net开源网络爬虫Abot介绍
查看>>
Sqoop -- 用于Hadoop与关系数据库间数据导入导出工作的工具
查看>>
bzoj1072排列
查看>>
超简单全选/反选/不选
查看>>
js异步和单线程
查看>>
滚动数组
查看>>
POJ2243 Knight Moves(BFS)
查看>>
【转】Qt下使用glut库
查看>>
网站初学笔记4-CSS(外部样式表)
查看>>