Javascript 如何防止Angular1.0选择(下拉)额外的空白?
我正在开发AngularJS 1.0应用程序,面临Angular Select的问题 只是复制一个伪代码:Javascript 如何防止Angular1.0选择(下拉)额外的空白?,javascript,angularjs,select,Javascript,Angularjs,Select,我正在开发AngularJS 1.0应用程序,面临Angular Select的问题 只是复制一个伪代码: <select ng-model ="data.state" ng-options="data.states"> 挑选 这里,它列出了一个国家的状态,并将默认数据作为ng模型传递 如果默认值与数据源不匹配,我需要显示文本“Select” 但它并没有像预期的那样工作,它显示了一个额外的空白,而不是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">