是否可以使 mat-grid-tile 可选？

【问题标题】：Is it possible to make mat-grid-tile selectable?是否可以使 mat-grid-tile 可选？
【发布时间】：2021-08-12 12:24:13
【问题描述】：

我想让 mat-grid-tile 像单选按钮一样可选择。

                    <mat-grid-tile *ngFor="let package of packageList" class="package-box">

                        <div style="display: flex; flex-direction:column; text-align: center;">
                            <div>
                                <h2>
                                    {{package.package_name}}
                                </h2>
                            </div>
                            <div>
                                <p>${{package.mrp_price}}</p>
                            </div>
                        </div>
                    </mat-grid-tile>

                </mat-grid-list>

【问题讨论】：

标签： html css angular angular-material

【解决方案1】：

您可以使用状态或变量来保持跟踪真/假并在标题上添加点击方法，然后在真/假之间切换

然后你可以在你的标题中添加一个条件类因此，如果您的状态或变量为 true，则该类处于活动状态，那么您可以随意将样式应用于该类

【讨论】：

谢谢沙法耶