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

Question

我想让 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>

Answer 1

您可以使用状态或变量来保持跟踪True/False 并在标题上添加点击方法然后在 true/false

之间切换

然后你可以在你的标题中添加条件class 因此，如果您的状态或变量为真，则 class 处于活动状态，那么您可以根据需要将样式应用于 class

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

Is it possible to make mat-grid-tile selectable?

html

css

angular-material

angular