当前位置： 移动技术网 > IT编程>网页制作>CSS > 父子组件：@output和@input传递参数、不同页面之间传递参数教程

父子组件：@output和@input传递参数、不同页面之间传递参数教程

2018年03月25日  | 移动技术网IT编程  | 我要评论

1.父子组件：@output和@input

@input:父到子

这里的selectedTableId是个变量（然后可以通过赋值取参，也可以方法调用传参）

 @Input() set selectedTableId(_tableId){
        this.getkeyListById(_tableId);  //通过id显示对应的字段界面
        this.tableId = _tableId;//赋值取到变量selectedTableId传递过来的id(点击的当前表的id)
    };

@output：子到父

2.不同页面之间：

页面一：this.navCtrl.push(‘DataModelingView’,{appID:this.selectedAPPId});//通过APP的id打开对应的表

editApp(event):void{
        this.selectedAPPId=event;
        console.log('APP的id',this.selectedAPPId);
        this.navCtrl.push('DataModelingView',{appID:this.selectedAPPId});//通过APP的id打开对应的表
     }

跳转之后的页面，获取传递过来的参数appID：

//获取app的id

       if(this.navParams.get('appID')){
            this.appID=this.navParams.get('appID');
            console.log("拿到的id",this.appID);
        }

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网