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

我自己得到了一个答案，所以想到发布这个。由于angular提供了下拉默认选项，因此请使ng-if =＆＃34; false＆＃34;会在这里工作。

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

下拉默认选择html中列表的第一个元素

1 个答案: