Question

如何隐藏或显示带有属性的 ng-bootstrap datepicker-popup，我可以设置为＆＃39; true＆＃39;或者＆＃39; false＆＃39;？

我在表单中使用以下表单摘要。仅当用户想要输入出生日期（DOB）时，我才想显示整个div会话。通过单选按钮决定是否设置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>

Answer 1

使用其中一种表单技术（模板驱动或反应表单）来获取您选择的值。在Template Driven中，从@ angular / forms导入NgForm并在视图中使用form标签。您的单选按钮应具有唯一值。使用* ngIf检查值，您可以显示/隐藏日期选择器。

如何隐藏/显示ng-bootstrap datepicker-popup？

1 个答案: