Open Dialog w Angular

Question

Mam problem z dialogiem:

HTML:

<button mat-raised-button (click)="openDialog(content)">Add</button>

  <template #content>
    Hello Angular!
  </template>

TS:

import { Component, OnInit } from '@angular/core';
import { PagesService } from '../pages.service'
import {MatDialog} from '@angular/material/dialog';


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

export class HomeComponent implements OnInit {
  constructor(private PagesService: PagesService,public dialog: MatDialog
  ) { }

openDialog() {
  this.dialog.open(content);
}

 

Comments

I na czym ten problem polega?

W templatce wołasz openDialog, przekazując tam content (ale widzę, że nie masz zdefiniowanego takiego pola wewnątrz komponentu), ale już w nagłówku metody openDialog nie odbierasz tego parametru, po czym przekazujesz go do this.dialog.open. Powinno rzucać błędem content is not defined.

---

zarówno od strony html też nie widzę czym jest content, jak również po stronie samego komponentu.
Wydaje mi się, że kolega myśli iż zadeklarowany template będzie tam przekazywany jako referencja.

Answer 1

generalnie nie wiem jaka to wersja Angulara ale spróbuj dwie rzeczy, zebrać przekazany parametr po stronie kodu w funkcji, gdyż aktualnie przekazujesz parametr do metody która go nie przyjmuje 
 

<ng-template #content>
  Hello Angular!
</ng-template>

openDialog(content: TemplateRef<any>) {
  this.dialog.open(content);
}