Я хочу проверить, что input-label имеет значение, если другой input-control установил определенное значение

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>