Bootstrap при выборе Dropdown ничего не показывает как выбрано

Question

Я заполняю значения в таблице согласно раскрывающемуся выбору.Однако при выборе выпадающая таблица заполняется, но ничего не отображается как выбранное.ниже приведен скриншот следующего:

Однако данные заполняются.

Ниже приведен код.

<div class ="form-group  static-top">
    <div class="col-sm-2 navbar-header">
        <select class = "mdb-select md-form form-control" ng-model="selectedValue" ng-change="selectSource()"  aria-labelledby="dropdownMenuButton" id="sourcesByName" value = "Sources" name ="Sources">
            <option value="" selected hidden>Choose Source</option>
            <option class ="dropdown-item"  ng-repeat="source in showsource" value ={{source}} >{{source}}</option>
        </select>
     </div>
 </div>

Что мне здесь не хватает?