Javascript 按angularjs在第一个选项中选择默认选项
我一直在和angular一起工作。我使用来自json的数据,并将其推送到array对象,并显示在select元素的选项中 我关心的是:在选择默认选项之后,然后只显示json数据的选项 最后,这里是生成的HTML片段:Javascript 按angularjs在第一个选项中选择默认选项,javascript,angularjs,html,Javascript,Angularjs,Html,我一直在和angular一起工作。我使用来自json的数据,并将其推送到array对象,并显示在select元素的选项中 我关心的是:在选择默认选项之后,然后只显示json数据的选项 最后,这里是生成的HTML片段: <select id="filterAssignedWorkgroupName_select" class="form-control ng-valid ng-scope selectPlaceholder ng-touched ng-dirty ng-valid-parse
<select id="filterAssignedWorkgroupName_select" class="form-control ng-valid ng-scope selectPlaceholder ng-touched ng-dirty ng-valid-parse" ng-class="{'selectPlaceholder':options.placeholder}" ng-model="result[options.key]" ng-options="option.value as option.name for option in selectOptions" name="filterAssignedWorkgroupName" result="result" options="options" ng-change="onChangeFunction()">
<!-- ngIf: options.placeholder -->
<option value="0" label="BrodieBuild12_10">BrodieBuild12_10</option>
<option value="1" label="Liberty ITyyy">Liberty ITyyy</option>
<option value="2" label="Jon Break - Group">Jon Break - Group</option>
<option value="3" label="Jon Break Dash - Group">Jon Break Dash - Group
</option>
<option value="4" label="Internet Team Tasks">Internet Team Tasks</option>
<option value="5" label="Jon Test Group 12-2">Jon Test Group 12-2</option>
<option ng-if="options.placeholder" value="" selected="" class="ng-binding ng-scope">Select Workgroups</option>
<!-- end ngIf:
options.placeholder -->
</select>
我需要怎么做才能摆脱它
以下选项将位于第一个选项中并处于选中状态。当我运行时,这将是选项的顶部,但它显示在最后一个选项中
<option ng-if="options.placeholder" value="" selected=""
class="ng-binding ng-scope">Select Workgroups</option><!-- end ngIf:
options.placeholder --></select>
这就是你要找的吗 给定以下$scope.items: 以下视图将首先显示选择项,一旦某个项被选中,它将从选项列表中删除该项:
<select ng-model="selectedItem" ng-options="item as item.val for item in items">
<option ng-if="!selectedItem" value="">Select item</option>
</select>
一旦选择了另一个项目,您是否试图从中删除选定工作组?@New Dev问题是,当我下拉选择选项时,该选项列在最后一个选项字段中,并带有selected。我需要它显示在第一个选项中,并选择No。问题是我在javascript中动态使用数组推送。所以,发生的情况意味着,当我从选择菜单中单击下拉菜单时,从数组加载所有数据后,默认选项将显示在最后一个选项中。所以我需要在第一个选项中显示为默认选项,通常使用javascript。通常它显示为:一二三四选择-但我需要显示为选择-一二三我不确定我是否完全理解。这里是一个动态添加更多项目的示例-选择-仍然显示在第一位。是,它正在工作。但问题是我使用了元驱动的字段指令,也使用了占位符am using。{{options.placeholder}}我不明白你最后的评论。什么是元驱动字段指令。什么是options.placeholder?
<select ng-model="selectedItem" ng-options="item as item.val for item in items">
<option ng-if="!selectedItem" value="">Select item</option>
</select>