angularjs에서 editabale 드롭 다운을 만듭니다

편집 가능한 드롭 다운을 어떻게 만들 수 있습니까? 그 사용자는 그 안에 새 옵션을 추가 할 수 있습니다.angularjs에서 editabale 드롭 다운을 만듭니다

내 HTML 아래에 코드를 드롭 다운 찾을 수 있습니다

<select class="fieldDropdown" ng-model="currentFileGroup" title="" 
ng-options="value.ls_ItemValue as value.ls_ItemText for (key, value) in formLIST.filesGroup" 
data-style=""></select>

사용자가 옵션을 충전 할 때 내가 원하는이 자동으로 데이터베이스에 추가. JavaScript, AngularJS 또는 jQuery를 사용하는 데 문제가 없습니다.

출처

2014-07-09 Pooria.Shariatzadeh

당신 정확히하고 싶니? 좀 더 설명해주세요 .... – Mehran

새로운 option.when을 포함 할 수있는 드롭 다운을 갖고 싶습니다. 드롭 다운에서 해당 옵션을 찾지 못하면 someting을 작성하십시오. –

나는 보통의 상호 작용의이 종류를위한 UI - 선택 사용

: https://github.com/angular-ui/ui-select

'태그'기능은 아마 당신이이 경우에 원하는 것 무엇에 가장 가까운을 가져옵니다 http://plnkr.co/edit/m1SQXUxftBLQtitng1f0?p=preview

<ui-select tagging="tagTransform" ng-model="person.selected" theme="bootstrap" ng-disabled="disabled" style="width: 800px;" title="Choose a person"> 
    <ui-select-match placeholder="Select person...">{{$select.selected.name}} &lt;{{$select.selected.email}}&gt;</ui-select-match> 
    <ui-select-choices repeat="person in people | propsFilter: {name: $select.search, age: $select.search}"> 
     <div ng-if="person.isTag" ng-bind-html="person.name +' <small>(new)</small>'| highlight: $select.search"></div> 
     <div ng-if="!person.isTag" ng-bind-html="person.name + person.isTag| highlight: $select.search"></div> 
    <small> 
    email: {{person.email}} 
    age: <span ng-bind-html="''+person.age | highlight: $select.search"> </span> 
    </small> 
    </ui-select-choices> 
</ui-select> 
<p>Selected: {{person.selected}}</p>

출처

2015-05-11 16:39:52 Daniel

angularjs에서 editabale 드롭 다운을 만듭니다

답변

관련 문제