欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-11-20 14:50:00
1.父子组件:@output和@input @input:父到子 这里的selectedTableId是个变量(然后可以通过赋值取参,也可以方法调用传参) @Input...

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);
        }