2016-11-14 2 views
0

角度のある角度が新しい。私は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 同様のソリューション

を試みることができるかそのためにあなたは$ scope.localdata =があなたのautofilldata

+0

ビットの混乱を提供する必要がhttps://github.com/darylrowland/angucomplete

のために行きます。私はこれを使ったことがないので。だから、どうすればいいのか教えてくれますか? – ganesh

+0

角材jsとcssファイルをインポートしてください。html要素をdocに書いてあります。コントローラのドロップダウン項目を押してください。いくつかのプロジェクトで使用しています。 – M14

+0

私はそれを試しました。自分のコードでどのように使うことができるか教えてください。私のドロップダウンアイテムはすでにコントローラに入っています。私はこれをHTMLでのみ使用しなければなりません – ganesh