我无法通过 select 得到占位符的想法。下面的第一个条目仍然是空白。
<select class="form-control" ng-model="refData" required>
<option ng-repeat="d in refData">
{{d.value}}
</option>
<option value="" disabled hidden selected>View current values</option>
</select>
您可以使用嵌入来添加禁用和选择的额外选项。看如何为“选择”框制作占位符? https://stackoverflow.com/questions/5805059/how-do-i-make-a-placeholder-for-a-select-box有关该通用解决方案的更多背景信息。这里是ng选择文档 https://docs.angularjs.org/api/ng/directive/select也供参考。
View
<div ng-controller="MyCtrl">
<select name="mySelect"
id="mySelect"
ng-options="option.name for option in refData track by option.id"
ng-model="selectedOption">
<option value="" disabled selected>View current values</option>
</select>
</div>
AngularJS 应用程序
var myApp = angular.module('myApp',[]);
myApp.controller('MyCtrl', function ($scope) {
$scope.refData = [
{id: '1', name: 'Option A'},
{id: '2', name: 'Option B'},
{id: '3', name: 'Option C'}
];
$scope.selectedOption = "";
});
JsFiddle 演示 http://jsfiddle.net/13y3dLkj/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)