簡體   English   中英

如何在angularjs下拉元素上正確使用ng-change?

[英]How to use properly ng-change on angularjs dropdown element?

我的模板中有此下拉列表:

    <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
        <div class="input-group input-group-sm">
            <select class="form-control" 
                    data-ng-options="o.name for o in list.itemsStatus" 
                    data-ng-model="list.currentItemsStatus"
                    ng-change="list.getItems(o.id)">   
            </select>
        </div>
    </div>

這是在控制器中定義itemsStatus的方式:

  this.itemsStatus = [{ name: "all", id: 1 }, { name: "new", id: 2 }, { name: "toUpdate", id: 3 }];

當選擇新項目時,我將觸發此功能:

    function getItems(status) {
        switch (status) {
            case 1:
                break;
            case 2:
                break;
            case 3:
                break;
            default:
        }
    }

但是傳遞的參數status始終是不確定的。

如何將所選項目作為參數傳遞給getItems()事件?

ng-change事件無法將ng-options當前項目作為值傳遞。

您已經在ng-model選擇了值,因此您可以傳遞已經具有o (當前選擇值)的模型

ng-change="list.getItems(list.currentItemsStatus.id)"    

暫無
暫無

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

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