簡體   English   中英

角度ng-select不以上一次選擇開始

[英]Angular ng-select do not start with last selected


另一個有角度的問題。

我有一個數組:

items = [
{"id":1,"name":"AAA"},
{"id":2,"name":"BBB"},
{"id":3,"name":"CCC"},
{"id":4,"name":"DDD"}
]

和我的ng-select,並由`{{itemid}}組成的標簽

<select type="text" class="form-control form-control-small" 
ng-model="itemId" ng-options="item.id as item.name for item in items">
</select>

現在,當我第一次選擇時,第一個選項是我無法選擇的“空白”。 但是選擇一個選項會使下拉菜單關閉。 當我再次單擊選擇時,最后一個選中的選項突出顯示。我想再次將“空白空間”作為第一個選項。

可能嗎?

您可以在HTML中指定一個空白選項作為嵌套在select中的“ option”元素( 來自angular docs ):

    <select ng-model="myColor" ng-options="color.name for color in colors">
      <option value="">-- choose color --</option>
    </select>

是的,可以通過結合ng-click和ng-change重置您的itemId來實現,例如:

<select type="text" class="form-control form-control-small" 
ng-model="itemId" ng-options="item.id as item.name for item in items"
ng-click="reset()" ng-change="update()">
</select>

僅在進行更改並再次單擊元素時使用一個跟蹤更改的時間,將itemId重置為0

有關示例,請參見此plnkr: http ://embed.plnkr.co/i0J0lCZwgnQ9YRoeKoHS/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM