2016-10-11 3 views
0

私たちはアプリケーションでAngularJS v1.5.8を使用しています。私はドロップダウンを表示する方法を探していますが、新しい値を入力することもできます。私はこのManually type in a value in a "Select"/Drop-down HTML list?をチェックしてデータリストを試しました(Google Chromeでは動作しませんでした)。http://selectize.github.io/selectize.js/http://jsfiddle.net/69wP6/4/私はangleJsのために何かが存在するかどうか疑問に思っています。値を入力できるAngularJSドロップダウン

私の現在のコードは、Chromeで正しく表示されません。この

<input type="text" name="newRowValue" id="newRowValue" class="form-control" 
 
         list="rowValues" ng-model="newRowValue" 
 
         placeholder="@Labels.typeOrSelect"/> 
 
       <datalist id="rowValues" name ="rowValues" 
 
        class="form-control" ng-model="rowValue"> 
 
        <option ng-repeat = "possibleValue in metaData.allPossibleValues| filter: {attributeId: currentMatrixTemplate.rowAttributeId}" 
 
          value="{{possibleValue.attributeId}}" ng-show="possibleValue.hidden==false || showHidden">{{possibleValue.valueName}} 
 

 
        </option> 
 
       </datalist>

です。新しい価値をタイプする能力を備えたドロップダウンの良いと簡単な実装のためのアイデア?

答えて

1

これを試してください。私たちはこのバージョンを使用していますが、それは非常に近いですthis solution.

+0

ありがとう、私が必要とするように見えるhttp://angular-ui.github.io/ui-select/ - それを試みます。 – Naomi

+0

ドキュメントとサンプルを確認しましたが、私のケースのサンプルが表示されません。値を選択して値を入力し、その値を追加できるようにする必要があります – Naomi

+0

@naomiこのページを見る:http://angular-ui.github.io/ui-select/demo-select2- with-bootstrap.htmlを参照してください。これは新しいバージョンですが、古いものに見えます。 – Ben

関連する問題