how can i use getComapny() in save() méthode in the same component ts

Question

how can i use getComapny() in save() méthode in the same component ts ?

CompanyUserDialogComponent.ts :

@Component({
    selector: 'jhi-company-user-dialog',
    templateUrl: './company-user-dialog.component.html'
})

export class CompanyUserDialogComponent implements OnInit {
    constructor(
    ) {     
    }
    save() {
        console.log(this.user)
        this.doNotMatch = null;
        this.isSaving = true;
        if (this.user.password !== this.confirmPassword) {
            this.doNotMatch = 'ERROR';
        }else if (this.user.id !== null) {
            this.userService.update(this.user).subscribe((response) =>
             this.onSaveSuccess1(response), () => this.onSaveError());
        } else {
            this.userService.create(this.user).subscribe((response) =>{
                console.log(response);

                this.onSaveSuccess1(response), () => this.onSaveError()
            });
        }
    }

CompanyUserPopupComponent.ts :

@Component({
    selector: 'jhi-company-user-popup',
    template: ''
})
export class CompanyUserPopupComponent implements OnInit, OnDestroy {
    a:any
    routeSub: any;
    constructor(
        private route: ActivatedRoute,
        private companyPopupService: CompanyPopupService,
        private userModalService: UserModalService,
        private companyService: CompanyService,

    ) {}

    ngOnInit() {
        this.routeSub = this.route.params.subscribe((params) => {
            this.getComapny(params['id'])
            if ( params['login'] ) {
                this.userModalService.open(CompanyUserDialogComponent as Component, params['login']);
            } else {
                this.userModalService.open(CompanyUserDialogComponent as Component);
            }
        });     
    }
    getComapny(id:number){

        this.companyService.find(id).subscribe(res=>{
            console.log(res)
        })
      }

    ngOnDestroy() {
        this.routeSub.unsubscribe();
    }
}

If these components are siblings you can try this https://stackoverflow.com/a/37587862/1876572 or https://angular.io/guide/component-interaction — Eldho, Jan 17 '18 at 12:03
Otherwise `CompanyUserDialogComponent ` must use the companyservice and call the service to find the method. — Eldho, Jan 17 '18 at 12:04

score 0 · Answer 1 · answered Jan 17 '18 at 12:11

Since getCompanymethod in CompanyUserPopupComponent doesn't depend on the component , you can simply use the getCompany of your CompanyService by injecting the service in the constructor and use the method in CompanyUserDialogComponent

CompanyUserDialogComponent.ts :

@Component({
    selector: 'jhi-company-user-dialog',
    templateUrl: './company-user-dialog.component.html'
})

export class CompanyUserDialogComponent implements OnInit {
    constructor(private companyService: CompanyService) {     
    }
    save() {
        console.log(this.user)
        this.doNotMatch = null;
        this.isSaving = true;
        if (this.user.password !== this.confirmPassword) {
            this.doNotMatch = 'ERROR';
        }else if (this.user.id !== null) {
            this.userService.update(this.user).subscribe((response) =>
             this.onSaveSuccess1(response), () => this.onSaveError());
        } else {
            this.userService.create(this.user).subscribe((response) =>{
                console.log(response);

                this.onSaveSuccess1(response), () => this.onSaveError()
            });
        }
    }

Hope this will help :)

how cam i get params['id'] from ngOnInit in CompanyUserPopupComponent to save() in CompanyUserDialogComponent — wajdi, Jan 17 '18 at 13:21
and there is no relation between the two components ? ( a component is a parent of another.. ) — Mohamed Ali RACHID, Jan 17 '18 at 15:14
there are in the same page and there is no relation between the two components — wajdi, Jan 17 '18 at 15:28
so there is a parent component that contains this two component ? — Mohamed Ali RACHID, Jan 17 '18 at 16:42

how can i use getComapny() in save() méthode in the same component ts

1 Answers1