Html AngularJS：默认情况下不选择“选择”选项

嗨，我当前的情况是：我也想要一个默认值，应该选择。。即使选择了select，也可以接受。。但是一开始它是空的我的代码是

<select class="form-control" ng-options="tsk.value for tsk in task.dropdown_values track by tsk.id" ng-model="selectedItem" ng-change="checkvalue(task.id, selectedItem)" style="width:100%;margin-right:4%;">
</select>

我也使用过此代码，但不起作用：

<select class="form-control" ng-options="tsk.value for tsk in task.dropdown_values track by tsk.id" ng-model="selectedItem" ng-change="checkvalue(task.id, selectedItem)" style="width:100%;margin-right:4%;">
    <option selected="selected">Select</option>
</select>

请签出我的代码。

您的ngModel是selectedItem，因此您必须将selectedItem设置为控制器中的默认值：

//This sets the default value to the first item in your list
$scope.selectedItem = $scope.task.dropdownvalues[0].value

var myApp=angular.module'myApp'，[]； 红色 蓝色 绿色 选定颜色：{{selectedColors}}

---

如果使用ng选项，则不应具有选项标记

使用ng模型，如下所示

<select class="form-control" ng-options="tsk.value for tsk in task.dropdown_values track by tsk.id" ng-model="selectedItem" ng-change="checkvalue(task.id, selectedItem)" style="width:100%;margin-right:4%;">

---

将解决您的问题。

您可以这样修改代码：

<select class="form-control" ng-options="tsk.value for tsk in task.dropdown_values track by tsk.id" ng-model="selectedItem" ng-change="checkvalue(task.id, selectedItem)" style="width:100%;margin-right:4%;">
    <option value="">Select</option>
</select>

---

或者，您可以查看默认情况下要显示的代码选择选项

<select ng-model="your model" ng-options="your options">
<option selected="selected" value="">Select options</option>
</select>

---

很多时候，我花了几个小时来找出解决方案，相信我

[1]选择页码、页面大小选择中使用的数字选项

<select id="select_pagination_pages" ng-model="recordsInPage">
    <option value="10" selected>10</option>
    <option value="15">15</option>
    <option value="25">25</option>
    <option value="30">30</option>
    <option value="50">50</option>
    <option value="75">75</option>
    <option value="100">100</option>
    <option value="150">150</option>
    <option value="200">200</option>
    <option value="250">250</option>
</select>

[2]第二个选择选项具有简单的是或否选择

<select class="rfc_text" id="select_flag" ng-model="rfc.flag">
    <option value="yes" selected>YES</option>
    <option value="no">NO</option>
</select>

[3]第三个选择选项是特殊的，并且场景很小，模型将只使用最后四个选项值，但默认情况下选择第一个

<select id="select_timezone" ng-model="timezone_search">
    <option value="" selected>Search Entire</option>
    <option value="CountryCode">Country Code</option>
    <option value="CountryName">Country Name</option>
    <option value="TimeZone">Time Zone</option>
    <option value="TimeOffset">Time Offset</option>
</select>

---

我认为三个例子对人们来说就足够了D

Ops它不起作用bro:my，因为在我的场景中，我有100个任务。在每个任务中，它都有下拉值。。当我在我的控制器中初始化建议的$scope.selectedItem时，它会说没有定义dropdown\u值。它应该是$scope.dropdown\u值。。。好的，你能分享一个plunkr吗？我会帮你的。使用ng repeat而不是ng选项，默认情况下它会为你选择一个选项。由于在循环中有select element INDER和ng repeat，所以不能设置ng模型，因为它在循环中，并且您同时将ng模型分配给2个输入，分配给循环中的不同元素。您最好使用ng repeat，我已经修改了您的plunkr，请检查，先生，我看不到对我当前plunkr的修改。请确定您是否保存了更改？您是否对我的this进行了更改？谢谢您的回答，但这两种解决方案都不起作用。。签出我的@TechKid我已经修改了你的plunker签出

$scope.recordsInPage = "10".toString();

<select class="rfc_text" id="select_flag" ng-model="rfc.flag">
    <option value="yes" selected>YES</option>
    <option value="no">NO</option>
</select>

$scope.rfc.flag = "yes";

<select id="select_timezone" ng-model="timezone_search">
    <option value="" selected>Search Entire</option>
    <option value="CountryCode">Country Code</option>
    <option value="CountryName">Country Name</option>
    <option value="TimeZone">Time Zone</option>
    <option value="TimeOffset">Time Offset</option>
</select>

$scope.timezone_search = "";