ng-bootstrap datepicker-popupを表示/非表示にするにはどうすればよいですか？

Question

ng-bootstrapdatepicker-popupを「true」または「false」に設定できるプロパティで非表示にするにはどうすればよいですか？

私は次のフォームスニペットをフォームで使用しています。ユーザーが生年月日（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

フォームテクニック（テンプレート駆動型またはリアクティブフォーム）のいずれかを使用して、選択した値を取得します。テンプレート駆動型では、@ angular/formsからNgFormをインポートし、ビューのformタグを使用します。ラジオボタンには独自の値が必要です。 * ngIfを使用して値を確認し、日付ピッカーの表示/非表示を切り替えることができます。