Javascript 角度显示常量内的所有评论

我正试图使它，以便所有的评论内的康斯特碟得到显示。问题是我不知道当注释嵌入const DISH时如何显示。我已经试了一段时间了，但不知道

*我已经在图片的左边了，只是想让评论显示出来

从“@angular/core”导入{Component，OnInit}； 从“../shared/Dish”导入{Dish}； 常数盘={ id:'0'， 名称：“Uthappizza”， 图像：'/assets/images/uthappizza.png'， 类别：'干线'， 特写：没错， 标签：'热'， 价格：'4.99'， //tslint:禁用下一行：最大行长度 描述：“印度乌萨帕姆煎饼和意大利比萨饼的独特组合，顶部有樱桃橄榄、成熟葡萄藤樱桃西红柿、维达利亚洋葱、甘特辣椒和水牛肉饼。”， 评论：[ { 评级：5， 评论：“想象一下所有的食物，生活在混乱中！”， 作者：《约翰·莱蒙》， 日期：“2012-10-16T17:57:28.556094Z” }, { 评级：4， 评论：“把任何人送到天堂，我希望我能让我岳母吃！”， 作者：《保罗·麦克维茨》， 日期：“2014-09-05T17:57:28.556094Z” }, { 评级：3， 评论：“吃吧，就吃吧！”， 作者：《迈克尔·贾基尚》， 日期：“2015-02-13T17:57:28.556094Z” }, { 评级：4， 评论：“终极，追求明星！”， 作者：《林戈·斯塔里》， 日期：“2013-12-02T17:57:28.556094Z” }, { 评级：2， 评论：“今天是你的生日，我们要开派对！”， 作者：“25分”， 日期：“2011-12-02T17:57:28.556094Z” } ] }; @组成部分{ 选择器：“应用程序详细信息”， templateUrl:'./dishdail.component.html'， 样式URL:['./dishdetail.component.scss'] } 导出类DishdetailComponent实现OnInit{ 碟形细节=碟形； 回顾=评论； 构造函数{} 恩戈尼特{ } } {{dishdail.name |大写}} {{dishdail.description}

{{review.comment}

-{{review.author}}

---

为达到预期结果，请更改以下内容以供审查

 <mat-grid-tile *ngFor="let review of reviews">
                <mat-grid-tile-footer>
                    <p> {{review.comment}} </p>
                    <p>-- {{review.author}} </p>
                </mat-grid-tile-footer>
        </mat-grid-tile>

参考工作守则-

---

问题：由于代码中的变量review无效，review.comments和review.author值未定义，请按上述示例中所述更改component.html和component，以使其正确工作

Hi，欢迎使用SO！我认为您需要将*ngFor更改为*ngFor=let DISH.comments的注释

 reviews = this.DISH.comments;