ionic各种头部控制

各种控制
1、跳转控制
import { NavController } from 'ionic-angular';
2、无需事件传主体内容到header或footer的步骤
  (1):先在主体内容引的header模板的模板标签上自定义一个属性(随意取名)
            <header headerTitle="用户登录"></header>  
        (2): 在header模板上加入Input和Oninit
        import { Component,Input,OnInit } from '@angular/core';
        (3):有些子conponent里没有加上
        export class HeaderComponent  implements OnInit{}
        这里的impolements OnInit这个一定有能接收到值
        (4):接收参数
            A.先声明好一个空的字符串接收oninit传过来的值。
           title:string=""
         B.用上上面引的Input @Input() headerTitle="";
            C.用上上面引的OnInit 
                    ngOnInit() {
                            console.log(this.headerTitle);    // 父组件内传入的值或者我们自己设置的初始值0
                            this.title=this.headerTitle;    //用声明好的数据接收传过来的参数
                            }
            D.最后一步引到header上 {{title}} 或做其他逻辑处理

转载于:https://my.oschina.net/u/3760597/blog/1596296

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值