小编bao*_*nhg的帖子

传递数据 - 从子对象到父对象 Angular 6

在子组件中,我有一个数据表,当我单击该行时,我将获取数据并将其保存在 中branchToDivision,我还有一个按钮,当我点击该按钮时,我可以发送branchToDivision到父组件。

子组件

@Output() messageEvent: EventEmitter<BranchDto> = new EventEmitter<BranchDto>();
branchToDivision: BranchDto;
onSelect(record: BranchDto) {
        this.branchToDivision = new BranchDto();
        this.branchToDivision = record;
        console.log(this.branchToDivision);
        console.log(this.branchToDivision.brancH_CODE);
    }
acceptBranch() {
        this.onSelect(this.branchToDivision);
        this.messageEvent.emit(this.branchToDivision);
        this.branchModalDivision.hide();        
    }
Run Code Online (Sandbox Code Playgroud)

父组件

branch: BranchDto;
getBranch(branch: BranchDto): void{
        this.branch = branch;
        console.log(this.branch);
        console.log(this.branch.brancH_CODE);       
    }
Run Code Online (Sandbox Code Playgroud)

父 HTML

<branchModal #branchModal (messageEvent)="getBranch($event)" ></branchModal>
Run Code Online (Sandbox Code Playgroud)

我尝试记录分支属性但未定义,怎么了?任何想法都对我有帮助。

parameter-passing eventemitter angular6

1
推荐指数
1
解决办法
7942
查看次数

标签 统计

angular6 ×1

eventemitter ×1

parameter-passing ×1