Javascript 如何防止Angular1.0选择（下拉）额外的空白？

我正在开发AngularJS 1.0应用程序，面临Angular Select的问题

只是复制一个伪代码：

<select ng-model ="data.state" ng-options="data.states">

挑选

这里，它列出了一个国家的状态，并将默认数据作为ng模型传递

如果默认值与数据源不匹配，我需要显示文本“Select”

但它并没有像预期的那样工作，它显示了一个额外的空白，而不是select

谢谢

“如果默认值与数据源不匹配，我需要显示文本“选择”。在这种情况下，

数据的状态可能为空（即“”）。您可能期望有如下逻辑：

<label>States : </label>
  <select ng-model ="data.state" ng-options="data for data in data.states" >
    <option value="" selected hidden >SELECT</option> 
    <!--Removes the Empty space and shows "SELECT" as pre-populated by default in the drop-down. -->
  </select>
<br>Selected State : {{data.state}} 

在控制器中，数据应为：

 // $scope.data.state = something that is returned from some API response
 $scope.data = {
  states: [
    "Kerala",
    "Karnataka",
    "Andhra",
    "Haryana"
  ]
}

检查工作样本。

<select ng-model ="data.state" ng-options="data.states">


通过重复使用轨迹。按$index或id跟踪（如果有）
您能给我们工作片段吗？我想问题是对象分配不清楚。你应该检查你的状态数组。。它应该有空间。因为选择选项基于数组。状态数组有一个空字符串。仅供参考：列出的数据中有Select，但它不是默认值
<select ng-model ="data.state" ng-options="data.states">