값을 입력 할 수있는 AngularJS 드롭 다운

우리는 우리의 응용 프로그램에서 AngularJS v1.5.8을 사용하고 있습니다. 드롭 다운을 표시하는 방법을 찾고 있지만 새로운 값을 입력 할 수도 있습니다. 이 Manually type in a value in a "Select"/Drop-down HTML list?을 확인하고 데이터리스트를 시도한 (Google 크롬에서는 작동하지 않음) 또한 http://selectize.github.io/selectize.js/과 http://jsfiddle.net/69wP6/4/을 보았습니다. angularJs에 이미 존재하는 것이 있으면 휠을 다시 발명하지 않으려 고합니다.값을 입력 할 수있는 AngularJS 드롭 다운

내 현재 코드는 크롬에서 제대로 렌더링되지 않습니다이

<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>

입니다. 새롭고 가치있는 의견을 입력 할 수있는 기능을 갖춘 우수하고 간단한 구현을위한 아이디어?

출처

2016-10-11 Naomi

시도해보십시오. 우리는이 버전을 사용하지만 매우 가까이에 있습니다. this solution.

출처

2016-10-11 07:08:18 Ben

감사합니다. http://angle-ui.github.io/ui-select/가 필요합니다. 시도해보십시오. – Naomi

설명서 및 샘플을 확인했지만 필자의 경우 샘플이 표시되지 않습니다. 값을 선택하고 값을 입력하고 그 값을 추가 할 수 있어야합니다. – Naomi

@naomi이 페이지를보십시오 : http : //angular-ui.github.io/ui-select/demo-select2- with-bootstrap.html. 이것은 새로운 버전이지만 오래된 것 같습니다. – Ben

값을 입력 할 수있는 AngularJS 드롭 다운

답변

관련 문제