如果其他輸入控件設置了某個值，我想驗證輸入標簽是否具有值

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>