Wsrtjtyk

<button mat-button (click)="openDialog()">Open</button>



<ng-template #dialogRef>

    {{data?}} <!-- <<< Here is the problem data is undefined -->

</ng-template>

export class SomeComponent {

    @ViewChild("dialogRef") dialogRef: TemplateRef<any>;



    constructor(private dialog: MatDialog) { }



    openDialog(): void {

        this.dialog.open(this.dialogRef, { data: "some data" });

    }

}

<button mat-button (click)="openDialog()">Open</button>



<ng-template #dialogRef>

    {{data?}} <!-- <<< Here is the problem data is undefined -->

</ng-template>

export class SomeComponent {

    @ViewChild("dialogRef") dialogRef: TemplateRef<any>;



    constructor(private dialog: MatDialog) { }



    openDialog(): void {

        this.dialog.open(this.dialogRef, { data: "some data" });

    }

}

<button mat-button (click)="openDialog()">Open</button>



<ng-template #dialogRef>

    {{data?}} <!-- <<< Here is the problem data is undefined -->

</ng-template>

export class SomeComponent {

    @ViewChild("dialogRef") dialogRef: TemplateRef<any>;



    constructor(private dialog: MatDialog) { }



    openDialog(): void {

        this.dialog.open(this.dialogRef, { data: "some data" });

    }

}

<button mat-button (click)="openDialog()">Open</button>



<ng-template #dialogRef>

    {{data?}} <!-- <<< Here is the problem data is undefined -->

</ng-template>

export class SomeComponent {

    @ViewChild("dialogRef") dialogRef: TemplateRef<any>;



    constructor(private dialog: MatDialog) { }



    openDialog(): void {

        this.dialog.open(this.dialogRef, { data: "some data" });

    }

}

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});

active

oldest

votes

<ng-template #dialogRef let-data>

                        ^^^^^^^^

   {{data}}

</ng-template>

<ng-template #dialogRef let-data>

                        ^^^^^^^^

   {{data}}

</ng-template>

<ng-template #dialogRef let-data>

                        ^^^^^^^^

   {{data}}

</ng-template>

<ng-template #dialogRef let-data>

                        ^^^^^^^^

   {{data}}

</ng-template>

add a comment |