How to get selected item from element within mdbootstrap's dropdown component in Angular 10?

Question

I'm using mdbootstrp dropdown component I managed to fill it up with some objects from API but I cannot get it to extract data:

   <div class="container">
    
      <div class="row">
    
        <div class="col-lg-4 d-flex justify-content-center col-md-auto my-5">
          <div class="dropdown" mdbDropdown>
    
            <button mdbDropdownToggle mdbBtn color="primary" class="dropdown-toggle waves-light" type="button"
              mdbWavesEffect>
              Choose item
            </button>
          
            <div class="dropdown-menu dropdown-primary"> 
              <a class="dropdown-item" *ngFor="let item of items" href="#" > {{item.name}} </a> 
            </div> 
    
    
          </div>
    
        </div>
       </div>

I've tried so many things, sorry If I'm not placing here what I've tried. Is there any way to extract selected value from this dropdown?

question from:https://stackoverflow.com/questions/65648148/how-to-get-selected-item-from-element-within-mdbootstraps-dropdown-component-in

Answer 1

Waitting for answers