父子组件:@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); }