如何在AngularJs中使用DropDown選擇Vaue作爲過濾器的參數？

Question

蔭使用選擇二降下來未在篩選： -

我的代碼： -

<div class="form-group"> 
            <script type="text/javascript"> 
              jQuery(document).ready(function($) 
              { 
               $("#select-res").select2(); 
             </script> 
            <select class="form-control select" ng-model="displayName" id="select-res"> 
             <option data-ng-repeat="objin objs" value="{{obj.displayName}}">{{obj.displayName}}</option> 
            </select> 
            <script> 
             $('#select-res').select2().on('change', function(e) { 
              var selectedval= $(this).val(); 
              alert(selectedval); 
              // $("#filterselected").html(selectedval); 
              // $("#filterselected").val(selectedval+' '); 
              document.getElementById("filterselected").value = selectedval; 
             }); 
            </script> 
             <input id="filterselected" type="text" ng-model="displayName" /> 
           </div> 

我使用的數據-NG-模型= 「顯示名」 的雙向綁定

過濾器代碼： -

<div data-ng-repeat="obj in objs | filter:displayname" > 
     Results .... 
</div> 

在Select2下拉菜單中選擇的選項並不是輸入濾波器參數。

我寫選定值到一個文本框爲NG-模型=「顯示名」數據綁定，但不過濾:-(

Answer 1

而不是使用選擇2庫，你應該使用它的角版本，ui-select2

提供更好的結合在處理角度範圍。當你想改變事件綁定在這裏，你可以簡單地使用ng-change角原生指令。

標記

<select ui-select2 ng-model="number" data-placeholder="Pick a number" ng-change="changeSelect()"> 
    <option value=""></option> 
    <option value="one">First</option> 
    <option value="two">Second</option> 
    <option value="three">Third</option> 
</select> 

Answer 2

問題可能是，jQuery小部件可以附加額外的輸入元素，打破角度鏈接。如果是的話我可以建議2個解決方案嘗試：

1. 使用的角度，用戶界面/用戶界面，選擇而不是選擇2
2. 如果你拒絕它有點，使用角度範圍$ apply方法讓角知道，事情發生了轉變。我不知道，如果你的HTML的部分是在控制器，如果是的話，你可以叫$apply("displayName = '"+selectedval+"'")在onchange處理

還可以有很多其他原因，例如形式和過濾器是在不同的範圍