从下拉列表中删除第一个空白项，并替换为默认选择选项文本

Question

在我的项目中，有许多下拉列表。这些下拉列表的项是使用api服务从数据库加载的。因此，无论何时加载，空白选项都是所有项目的第一项。如何删除第一个空白选项并替换为默认文本选择。

控制器

$scope.EnclosureModel = "";

loadEnclosure();
function loadEnclosure()
{
    $scope.loading = true;
    var promise = ngservice.getClosureType();
    promise.then(function (resp) {
        $scope.EnclosureList = resp.data;
        $scope.loading = false;
    });
}

api调用按角度服务方法消耗

服务

this.getClosureType = function () {
    var res = $http.get("/api/Surge/GetEnclosure");
    return res;
};

以下是我的观点:

Enclosure type 
<a href="#" onclick="return false;" rel="EnclosureType">
    <img src="img/question.jpg" Border="0" style="vertical-align:middle; width:16px;" />
</a>

<br />

<select ID="Drp_EnclosureType_Option1" AutoPostBack="True" Class="form-control form-control-small" ng-model="EnclosureModel" ng-options="p for p in EnclosureList" ng-change="getConf();getNoCurr();getMaxCur();getMScr();getLoc();getIec();getmCOV();getsysV();getIncidents();getRemSignals();getalr();getRejc();getCount();">
    <option Value ="" selected="selected">--Select--</option>
</select>

项目从数据库中正确加载，但每次该空白选项处于第一位时。在检查了这么多帖子之后，我尝试了很多东西。我最后一次尝试

$scope.EnclosureModel={“selected”：空}

它完美地删除了第一个空白，但问题是其他下拉列表将根据此“ENCLOSURE”下拉列表的项目选择而改变。所以当我尝试使用上述其他下拉列表时，它们会发生变化并具有空项目。

我知道角度模型的行为是这样的，因为当没有项目被选中时，没有定义值。

但是如何从api服务加载数据的选项中删除第一个空白。

Answer 1

在angularjs中填充下拉列表时，我遇到了类似的问题。我提出的解决方案是在选择框中使用第一个选项作为禁用的描述（请参阅下面的代码片段）：

<div class="row">
    <div class="col-sm-6 col-md-5 col-lg-3">
        <label>Incident Type:</label>
        <select id="incidentTypeDropdown" class="select-style select-style-required" ng-model="causeData.incidentType" ng-change="incidentTypeOnChange(causeData.incidentType)">
            <option value="" disabled selected>Select Incident Type...</option>
            <option ng-repeat="incident in incidentTypeList" value="{{incident.incidentTypeID}}">
                {{incident.type}}
            </option>
        </select>
    </div>
</div>

此代码段中可能对您有所帮助的相关部分是第一个选项行：

<代码>

因此，此选项始终处于禁用状态，并作为我希望用户执行“选择事件类型...”的操作的说明这是网页上的结果:

我希望这种方法能解决你的问题。