使用函数JSON.字符串化
stringify（）静态方法将JavaScript值转换为JSON字符串，如果指定了替换函数，则可选地替换值，或者如果指定了替换数组，则可选地仅包括指定的属性。

TS

export class AppComponent implements OnInit {

      convert(data) {
        return JSON.stringify(data);
      }

}

Html

<p *ngFor="let edata of empData">{{ convert(edata) }} </p>

在遍历数组时，您没有完全访问值。另外，我建议向empData数组添加适当的数据类型，如下所示：

empData: { empData: { value: string; }}[];

<p *ngFor="let edata of empData">{{ edata?.empData?.value }}</p>

你就换这个吧

<p *ngFor="let edata of empData">{{ edata.empData.value }}</p>

如果查看控制台日志输出，可以很容易地发现您没有正确访问节点：

Array [ {…}, {…} ]
​
  0: Object { empData: {…} }
​​
   empData: Object { value: "1122334455" }

您需要正确引用数组元素：

<p *ngFor="let edata of sampleData">{{ edata.empData.value }}</p>

代码：

this.empData = this.sampleData?.filter((empVal) => empVal?.empData?.value);

归结为sampleData到empData的赋值。

您正在获取[Object Object]，因为对象不是angular中html的有效输入。您需要直接提供想要显示的值。在您的情况下，更改代码：

<p *ngFor="let edata of empData">{{ edata }}</p>

收件人：

<p *ngFor="let edata of empData">{{ edata.empData.value }}</p>

将生成您所期望的结果。