Выпадающий, чтобы по умолчанию выбрал первый элемент списка в html

Question

У меня есть динамический список для отображения на выпадающем списке. Но всегда первый элемент списка должен быть выбран по умолчанию на gui, а позже пользователь может выбрать любой другой. Когда я пытаюсь отобразить первый элемент списка в моем раскрывающемся списке, этот элемент повторяется в списке, и если пользователь выбирает любой другой элемент, этот элемент повторяется. Ниже мой код.

код HTML:

<select class="form-control" name="settingTabs" id="settingTabs" ng-model="mData.selectedTabName" ng-change="selectTab()" ng-init="mData.selectedTabName = mData.tabList[0].settingTabName" ng-options="settingTabs.settingTabName for settingTabs in mData.tabList"> 
    <option value="">{{mData.selectedTab}}</option> 
</select> 

JS код:

$scope.selectTab = function(){ 
    var x = $scope.mData.tabList.indexOf($scope.mData.selectedTabName); 
    $scope.mData.selectedTab = $scope.mData.tabList[x].settingTabName; 
} 

Нужна помощь здесь, так что я могу иметь только список, чтобы отобразить в раскрывающемся списке и по умолчанию первой элемент должен быть выбран из этого списка.

Answer 1

Я сам получил ответ, поэтому подумал о публикации этого тоже. Так как угловой параметр по умолчанию отключен, сделайте так, чтобы здесь работало ng-if = "false".

<option value="" ng-if="false">{{mData.selectedTab}}</option>