时间戳

首页 > 解决方案 > 根据 Angular 中的条件显示清晰度单选按钮

html - 根据 Angular 中的条件显示清晰度单选按钮

问题描述

我有一个 div，其中有几个 clr 单选按钮包裹在一个 . 我想根据一个布尔值生成 radioButtons。以下是代码。

<div class="clr-col-4">
     <clr-radio-container>
            <label class="display-label">Radio Div</label>
            <clr-radio-wrapper *ngFor="let col of cols">
                 <input type="radio" clrRadio />
                 <label class="display-label" {{col.headerName}}</label>
            </clr-radio-wrapper>
     </clr-radio-container>
</div>

我有一个名为 enableButton 的变量。如果 enableButton 为真，我想显示单选按钮，否则我不想。你能帮我怎么做吗？

标签： htmlangular8vmware-clarity

解决方案

您可以使用该ngIf指令。在创建 Angular 模板时要牢记这一点。

<div class="clr-col-4">
     <clr-radio-container *ngIf="enableButton">
            <label class="display-label">Radio Div</label>
            <clr-radio-wrapper *ngFor="let col of cols">
                 <input type="radio" clrRadio />
                 <label class="display-label" {{col.headerName}}</label>
            </clr-radio-wrapper>
     </clr-radio-container>
</div>

我建议您阅读文档以更多地熟悉该指令及其其他条件变体，例如then,else等。

推荐阅读