Angular 17结合Angular Material使用变量时内容消失问题

• 直接原因：组件类未声明插值用的tekst变量，Angular渲染模板时遇到未定义变量会导致mat-dialog-content区域渲染失败。

• 修复步骤

  1. 在组件类中添加tekst变量的定义：

     export class TicketStatisticComponent {
       // 替换为实际需要展示的内容
       tekst = "示例票证信息";
     }
     

  2. 严格保证变量名拼写和模板中的{{ tekst }}完全一致（包括大小写）

• 补充场景处理
  如果是通过弹窗打开时传递数据，需要注入MAT_DIALOG_DATA接收：

  import { MAT_DIALOG_DATA } from '@angular/material/dialog';
  import { Inject } from '@angular/core';
  
  export class TicketStatisticComponent {
    constructor(@Inject(MAT_DIALOG_DATA) public data: { tekst: string }) {}
  }
  

  对应模板修改为：

  <mat-dialog-content>
      My ticket: {{ data.tekst }}
  </mat-dialog-content>
  

内容的提问来源于stack exchange，提问作者Mateusz Sobczak