Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按angularjs在第一个选项中选择默认选项_Javascript_Angularjs_Html - Fatal编程技术网

Javascript 按angularjs在第一个选项中选择默认选项

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

我一直在和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" 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>