Блог

Я пытаюсь показать модель, которая определена в header.component.ts, и я хочу показать эту модель в другом компоненте. Я новичок в angular, помогите мне с этим.

HTML:

 <a (click)="openSignup()" class="btn btn-success text-white">signup</a>
  

Вот мой header.component.ts

 import { Component, OnInit, Inject } from '@angular/core';
import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material';
import { Router }      from '@angular/router';
import { AuthService } from '../../admin/services/auth.service';

import { CookieService } from 'ngx-cookie-service';



@Component({
 selector: 'app-header',
 templateUrl: './header.component.html',
 styleUrls: ['./header.component.css']
})

export class HeaderComponent implements OnInit {

 constructor(public dialog: MatDialog, public aS:AuthService, public router: Router, public cokkie:CookieService) { }

  ngOnInit() {
  }

  openSignup(): void {
    let dialogRef = this.dialog.open(SignupDialog, {
      width: '500px',
      data: { name: "test" }
    });

    dialogRef.afterClosed().subscribe(result => {
     console.log('The dialog was closed');
    });
  }
}
  

И регистрация-dialog.component.ts

 @Component({
  selector: 'signup-dialog',
  templateUrl: 'signup-dialog.html',
  styleUrls: ['./header.component.css']
})
export class SignupDialog {

  constructor(
    public dialogRef: MatDialogRef<SignupDialog>,
    @Inject(MAT_DIALOG_DATA) public data: any) { }

   onNoClick(): void {
    this.dialogRef.close();
   }
}
  

Я хочу открыть эту модель в другом компоненте, и я получаю эту ошибку _co.openSignup is not a function