Как скрыть / показать всплывающее окно ng-bootstrap datepicker-popup?

Как скрыть или показать ng-bootstrap datepicker-popup со свойством, для которого я могу установить значение 'true' или 'false'?

Я использую следующий фрагмент формы в форме. Я хочу отображать весь div сеанс, только если пользователь хочет ввести дату рождения (DOB). Установить DOB или нет решается с помощью переключателей.

<div class="form-check">
    <label class="form-check-label" for="dobId"><input class="form-check-input" type="radio" formControlName="dob" value="dob" id="dobId" />Enter DOB</label>
    <label class="form-check-label" for="nodobId"><input class="form-check-input" type="radio" formControlName="nodob" value="dob" id="nodobId" />Ignore DOB</label>
</div>

<div class="form-group row">
    <fieldset class="form-group col-6">
        <legend class="col-form-legend" for="dateOfBirthId">Date Of Birth</legend>
        <ngbd-datepicker-popup id="dateOfBirthId"></ngbd-datepicker-popup>
    </fieldset>
</div>

angular ng-bootstrap
person wonderful world    schedule 17.06.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Используйте одну из техник форм (шаблонные или реактивные формы), чтобы получить значение вашего выбора. В Template Driven импортируйте NgForm из @ angular / forms и используйте тег формы в представлении. Ваш переключатель должен иметь уникальное значение. Используйте * ngIf, чтобы проверить значение, и вы можете показать / скрыть средство выбора даты.

person Mani S    schedule 17.06.2017