(选择)使用AngularJS的Combobox插件

时间:2013-09-02 15:18:39

标签: jquery angularjs combobox drop-down-menu jquery-chosen

html在

之下
 select(data-placeholder="Choose State", ng-model="districtCourtState")#stateselected                   
    option( ng-repeat='state in StatesofIndia', value= "{{state}}") {{state}}

以上代码是ng-controller='inputForm_Controller'的一部分,其中包含并显示如下:

$(document).ready(function(){           
    $(".chosen-select").chosen(); 
    $("#stateselected").chosen().change( function() {
       alert($scope.districtCourtState);      
    });
});

上面给出了正确的选择选项警报,这是第一次,但从第二次开始,对于StatesofIndia = ['a','b','c','d']

它一致地给出选择+ 1作为$scope.districtCourtState的值,即如果选择“a”,则给出“{”的alert等等。

1 个答案:

答案 0 :(得分:1)

这个video解释了Angularjs中jQuery插件的实现。

注意,使用最新的jQuery库:chosn-select必须替换为chosen-select,并且liszt: update在触发更改时由chosen:updated替换。

This是最新的github存储库。节点以下unresolved issue