Javascript 使用<；选项>；尝试重置时为空

也许这听起来像是一个重复的问题，但我已经尝试了其他用户的一些解决方案，但在我的情况下没有任何效果

我目前有一个下拉列表，显示部门列表。我试图用按钮重置（清除下拉列表），下拉列表没有选择任何选项，只有在没有选择任何选项时才显示默认选项。此功能激活后，将生成此空白。我做错了什么

多谢各位

<select   ng-model="select_deptos"  ng-options="item as item.NOMBRE_DPT for item in aDepartamentos track by item.DPTO" ng-change="fn_setSemestreFiltro('departamento')">
   <option value='' style="display:none;">Select</option>
</select>
<button ng-click="clear()">clear dropdown</button>

$http({
  method: 'GET',
  url: 'depto.json'
}).then(function successCallback(response) {
        $scope.aDepartamentos=response.data;
})

$scope.clear=function(){
  $scope.select_deptos="";
}

挑选
清晰下拉列表
$http({
方法：“GET”，
url:'depto.json'
}).then（函数成功回调（响应）{
$scope.aDepartamentos=response.data；
})
$scope.clear=函数（）{
$scope.选择_deptos=“”；
}

---

问题：

正如@Tan Duong所提到的，样式

显示：none

在

中不起作用

可能的解决方案：

---

使用

$scope。选择\u deptos=null而不是
$scope。选择_deptos=“”
问题：

正如@Tan Duong所提到的，样式
显示：none
在
中不起作用

可能的解决方案：

使用
$scope。选择\u deptos=null而不是
$scope。选择_deptos=“”
您可以在选项标记中使用ng repeat代替ng选项

<select   ng-model="select_deptos" ng-change="fn_setSemestreFiltro('departamento')">
   <option value='' >Select</option>
   <option ng-repeat='item in aDepartments' ng-value='item.DPTO'>{{item.DPTO}}</option>
</select>
<button ng-click="clear()">clear dropdown</button>

$http({
  method: 'GET',
  url: 'depto.json'
}).then(function successCallback(response) {
        $scope.aDepartamentos=response.data;
})

$scope.clear=function(){
  $scope.select_deptos="";
}


挑选
{{item.DPTO}
清晰下拉列表
$http({
方法：“GET”，
url:'depto.json'
}).then（函数成功回调（响应）{
$scope.aDepartamentos=response.data；
})
$scope.clear=函数（）{
$scope.选择_deptos=“”；
}

更新

根据@Claies的建议（感谢您的更正）
根据角度文件
您应该更喜欢使用
ng选项
，而不是
ng repeat
。重复不是一个好的做法。
选择@terry.qiao的答案
而不是ng选项您可以在选项标签中使用ng repeat

<select   ng-model="select_deptos" ng-change="fn_setSemestreFiltro('departamento')">
   <option value='' >Select</option>
   <option ng-repeat='item in aDepartments' ng-value='item.DPTO'>{{item.DPTO}}</option>
</select>
<button ng-click="clear()">clear dropdown</button>

$http({
  method: 'GET',
  url: 'depto.json'
}).then(function successCallback(response) {
        $scope.aDepartamentos=response.data;
})

$scope.clear=function(){
  $scope.select_deptos="";
}


挑选
{{item.DPTO}
清晰下拉列表
$http({
方法：“GET”，
url:'depto.json'
}).then（函数成功回调（响应）{
$scope.aDepartamentos=response.data；
})
$scope.clear=函数（）{
$scope.选择_deptos=“”；
}

更新

根据@Claies的建议（感谢您的更正）
根据角度文件
您应该更喜欢使用
ng选项
，而不是
ng repeat
。重复不是一个好的做法。
宁愿@terry.qiao的答案
可能重复@TanDuong仔细阅读我的问题。我看不出你们的关系。我不需要根据条件删除任何内容。我只需要避免创建空白。我请求您删除此项。您不能在选项选择框中使用
style='display:none'
。这种风格不会影响你。您只需使用javascript即可删除此项option@TanDuong我不知道如何解决它。这就是我提出这个问题的原因，请删除这个问题的副本，我看不出你提出的与之相关的内容。可能的副本@TanDuong仔细阅读了我的问题。我看不出你们的关系。我不需要根据条件删除任何内容。我只需要避免创建空白。我请求您删除此项。您不能在选项选择框中使用
style='display:none'
。这种风格不会影响你。您只需使用javascript即可删除此项option@TanDuong我不知道如何解决它。这就是为什么我提出这个问题，请删除副本，我看不出你提出的与之相关的内容。这是一个糟糕的想法
ng选项
专门设计为比
ng repeat
更灵活。angular团队特别鼓励人们尽可能多地使用
ng选项
而不是
ng重复
。这取决于你如何使用它，他们使用这种方式是无害的。它解决了问题，不管怎样，使用ng选项比使用ng repeatno更好是有道理的，这隐藏了真正的问题<代码>'
不是列表中的值，因此它不应该是您设置模型的值<代码>“”！==空
。。。。真正的解决方案是使用
null
表示未选择任何选项。我正在起诉你的paytm套餐。我已经照你说的做了每一件事。但如果我单击“立即付款”按钮，页面会显示“正在处理的交易”，然后将我重定向到一个空白页面，如payment/api/status。为什么不带我去paytm网站？这是个糟糕的主意
ng选项
专门设计为比
ng repeat
更灵活。angular团队特别鼓励人们尽可能多地使用
ng选项
而不是
ng重复
。这取决于你如何使用它，他们使用这种方式是无害的。它解决了问题，不管怎样，使用ng选项比使用ng repeatno更好是有道理的，这隐藏了真正的问题<代码>'
不是列表中的值，因此它不应该是您设置模型的值<代码>“”！==空

。。。。真正的解决方案是使用

null

表示未选择任何选项。我正在起诉你的paytm套餐。我已经照你说的做了每一件事。但如果我单击“立即付款”按钮，页面会显示“正在处理的交易”，然后将我重定向到一个空白页面，如payment/api/status。为什么不带我去paytm网站？