我想验证该输入标签的值，如果其他输入控制设置了某些值，则具有值

Question

正如我在标题中所说的那样，我有一个带有2个值的下拉列表 - 是和否，还有另一个可以自由写入的输入标签。我想验证，如果用户选择"是"，也填充了输入标签，反之亦然 - 如果选择了"否"，我想确保输入标签是空的。

确保，如果选择"否"标签将是空的，我尝试在选择"否"时简单地阻止标签，但这还不够到"否"

<div class="select-wrapper" [ngClass]="{'select-wrapper-blocked': isNotAdmin()}">
            <select class="input-control" [(ngModel)]="booleanVariable">
                <option value="false">No</option>
                <option value="true">Yes</option>
            </select>
        </div>
    </div>
    <div class="col form-input" [ngClass]="{'form-input-blocked': isNotAdmin()}">
        <p class="input-label">
            Some text
        </p>
        <input class="input-control" [(ngModel)]="stringVariable" />
    </div>

Answer 1

您可以将输入标签包装在<span>中，并仅在用户选择"是"即booleanVariable是true

时显示它

尝试这样：

<p class="input-label">
    <span *ngIf="booleanVariable">  Some text </span>
</p>