2017-04-03 11 views
0

私はangularjs ui-selectを使用しています。 バインドではデフォルトで複数のドロップダウンが必要ですが、問題は同じ動作をする必要があることです単一の選択も。anglejs ui-selectは配列にバインドする

$scope.mdf.options = [{ id: 1, name: 'name1' },{ id: 2, name: 'name2' }]; 

<ui-select ng-model="wrap.piece.original.selections_hash[mdf.id]" close-on-select="false" title="mdf.modifier.display" ng-if="mdf.modifier.max == 1"> 
    <ui-select-match>{{$select.selected.name}}</ui-select-match> 
     <ui-select-choices repeat="option.id as option in mdf.options"> 
      <span ng-bind="option.name"> 
      </span> 
     </ui-select-choices> 
</ui-select> 

ので、ユーザは、例えばNAME2を選択したとき、私はに更新するために私のモデルを必要とする[2]の代わりに2 のどのように私はそれを達成することができますか?私はui-selectでそれを行うことはできますか?私は角度選択でそれを行うことはできませんか?

答えて

0

キーバインディングを探していると思います。 これはあなたに役立つかもしれません。ここ"Example key binding"

は、(例えば、サイトから)plunkerからコードである:

<ui-select ng-model="ctrl.person.selectedSingleKey" theme="select2" ng-disabled="ctrl.disabled" style="min-width: 300px;" title="Choose a person"> 
    <ui-select-match placeholder="Select a person in the list or search his name/age...">{{$select.selected.value.name}}</ui-select-match> 
    <ui-select-choices repeat="person.key as (key, person) in ctrl.peopleObj | filter: { value: { name: $select.search }}"> 
    <div ng-bind-html="person.value.name | highlight: $select.search"></div> 
    <small> 
    email: {{person.value.email}} 
    age: {{person.value.age}} 
    </small> 
</ui-select-choices> 

関連する問題