2016-11-14 66 views
0

我是新的角js。我有一個下拉菜單,其中包含150個以上的值。我想要搜索附帶的下拉菜單。所以,我嘗試過所有的事情,但我無法做到。所以,我的代碼 -鍵入下拉角度js與數據

HTML -

<div class="select-container col-sm-12 label-container" 
          ng-disabled="!objectPropertyForm.selectedObjectProperty"> 
          <span class="col-sm-4 text-right label-container"> 
           <label>Value : </label> 
          </span> 
          <span class="col-sm-8"> 
           <select 
            id="objectPropertyValueSelect" 
            name="objectPropertyValue" 
            class="btn btn-start col-sm-12" 
            ng-model="objectPropertyForm.selectedObjectPropertyValue" 
            ng-options="range as range.name for range in objectPropertyForm.selectedObjectProperty.rangeList | 
             filter:objectPropertyRangeFilter 
             track by range.name"> 
             <option value="" disabled selected>Select your option</option> 
           </select> 
          </span> 
        </div> 

控制器 -

$scope.objectPropertyRangeFilter = function (value) { 
        return !($scope.objectPropertyForm.selectedObjectProperty 
         .values.includes(value.name)); 
       }; 

如果打字時它給我的價值觀,我想有隻名稱中輸入的文本是當下 。任何幫助將不勝感激。

回答

0

您可以嘗試 https://material.angularjs.org/latest/demo/autocomplete 類似的解決方案

或去https://github.com/darylrowland/angucomplete

您擁有提供$ scope.localdata =您的autofilldata

+0

有點混亂。因爲我從來沒有用過這個。那麼,你能告訴我如何使用它。 – ganesh

+0

只需輸入角度材質js和css文件,然後將html元素放在他們的文檔中提到的位置。將控件中的下拉項目放在裏面。它應該可以工作。我已經在幾個項目中使用了它。 – M14

+0

我試過了。你能告訴我如何在代碼中使用它嗎?我的下拉菜單項已經在控制器中。所以,如果它看起來很複雜,我只能在html – ganesh