Wie kann ich ng-bootstrap datepicker-popup verbergen/anzeigen?

Question

Wie kann ich den ng-Bootstrapdatepicker-popup mit einer Eigenschaft, die ich auf 'wahr' oder 'falsch' setzen kann, verstecken oder anzeigen?

Ich benutze das folgende Formularausschnitt in einem Formular. Ich möchte die gesamte div Sitzung nur anzeigen, wenn der Benutzer ein Geburtsdatum (DOB) eingeben möchte. Das Einstellen von DOB oder nicht wird über Radiobuttons entschieden.

<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

Verwenden Sie eine der Formulartechnik (Template Driven oder Reactive Forms), um den Wert Ihrer Auswahl zu erhalten. Importieren Sie das NgForm-Objekt unter Vorlagen-gesteuert von @ angular/forms und verwenden Sie das Formular-Tag in der Ansicht. Ihr Optionsfeld sollte einen eindeutigen Wert haben. Verwenden Sie * ngIf, um den Wert zu überprüfen, und Sie können die Datumsauswahl ein-/ausblenden.