AngularJs：我有一个带有选项列表的下拉列表，清除它会删除默认值

Question

当没有选择其他选项时，下拉列表有选项列表和默认的“选择系列”选项。 现在我有一个清除按钮，它将清除下拉列表中的用户选择，以便用户可以选择其他下拉列表。问题是当我清除它时，它也会删除我的“选择系列”选项。

为了更好地理解它，假设我在下拉列表中有选项 1 选项 2 和选项 3，并且在没有选择任何选项时默认“选择选项”。我想要的是当用户选择任何选项 1,2,3 并且当我点击清除时它应该默认回到“选择选项”而不是空选项。下面是我的代码

<asp:PlaceHolder runat="server" ID="SeriesPlaceHolder">
                <a data-ng-class="{set: seriesId.length > 0}" class="reveal filter expandFilters icon smallScreenFilter" href="#" data-revealedcontentid="seriesFilters" hidden="hidden">Series</a>
                <div id="seriesFilters" class="revealedContent searchOptions fullClear" hidden="hidden">
                    <label class="mediumLabel left" for="seriesFilter">Series:</label>
                    <div class="styledSelect left">
                        <select id="seriesFilter" data-ng-model="seriesId" data-ng-options="series.Id as series.Name for series in seriesFilterOptions" data-ng-change="getEventResults()">
                            <option value="">Select series</option>

                        </select>
                    </div>
                    <a class="goToResults btn btnRounded right" href="#">Show results</a>
                </div>
            </asp:PlaceHolder>

任何帮助将不胜感激。

Answer 1

你只需要重置你的ng-model="seriesId"

 $scope.clear = function(){
   $scope.seriesId = undefined
 }

Some Fiddle Demo

Answer 2

很可能您的 clear 函数将您的 seriesId 设置为未定义。由于您的 Select Series 选项的值为“”（空），因此您必须在清除时将 seriesId 设置为空。我相信如果您使用以下内容，它应该可以解决您的问题。

$scope.seriesId = "";