在第一個選擇中選擇默認選項由angularjs

我一直在使用angular。我正在使用來自json的數據並將其推送到數組對象並顯示在select元素的選項中。在第一個選擇中選擇默認選項由angularjs

我的擔心是：在選擇默認選項後，僅顯示選項fron 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>

來源

2014-12-21 sandy suresh 88

您是否試圖從＃中刪除'' 10'一旦選擇了另一個項目？ –

@New Dev問題是當我下拉選擇選項時，它在最後一個選項字段中被選中。我需要它顯示在第一個選項與所選 –

這是你在找什麼？

鑑於以下$scope.items：

$scope.items = [ 
    {id: 1, val: "foo"}, 
    {id: 2, val: "bar"}, 
    {id: 3, val: "baz"}, 
    // ... 
    ];

下面的視圖將顯示「選擇項」第一，一旦一個項目是sekect，它就會從選項列表中刪除：

<select ng-model="selectedItem" ng-options="item as item.val for item in items"> 
    <option ng-if="!selectedItem" value="">Select item</option> 
</select>

Plunker

來源

2014-12-22 03:19:51

編號的事情是我在JavaScript中動態數組推動。所以發生什麼意思，當我點擊從選擇的下拉列表中選擇默認選項後顯示在最後一個選項加載所有的數據從數組中。所以我需要在第一個選項中顯示爲默認選項，通常使用JavaScript。通常顯示爲：一二三四 - 選擇 - 但我需要顯示爲 - 選擇 - 一個兩個三 –

我不確定我完全理解。這裏有一個[修改過的plunker]（http://plnkr.co/edit/ZBmsiDHARqd3ZIhPmtPQ?p=preview），其中我動態地添加了更多的項目。「 - 選擇 - 」仍然首先出現。 –

是開發它的工作。但是，我正在使用元驅動字段指令，並且還使用了佔位符。 <！ - end ngIf： options.placeholder - > –

在第一個選擇中選擇默認選項由angularjs

回答

相關問題