0

angular-ui-select ディレクティブを使用して、選択に検索可能性を追加しようとしています。angular-ui-select を使用すると、モデル値は ID だけでなくタイムゾーン全体に変わります。

コードは次のとおりです。

<!-- select with ngOptions doing what I want -->
<select data-ng-model="clock.time_zone_id" data-ng-options="timeZone.id as timeZone.name for timeZone in timeZones"></select>

<!-- my best try with angular-ui-select -->
<ui-select data-ng-model="clock.time_zone_id" theme="selectize">
  <ui-select-match>{{$select.selected.name}}</ui-select-match>
  <ui-select-choices repeat="timeZone in timeZones | filter: $select.search">
    <span ng-bind-html="timeZone.name | highlight: $select.search"></span>
  </ui-select-choices>
</ui-select>

私は何が欠けていますか？助けていただければ幸いです！

4

1 に答える 1

1

これはうまくいくはずです：

<ui-select data-ng-model="clock.time_zone_id" theme="selectize">
  <ui-select-match>{{$select.selected.name}}</ui-select-match>
  <ui-select-choices repeat="timeZone.id as timeZone in timeZones | filter: $select.search">
    <span ng-bind-html="timeZone.name | highlight: $select.search"></span>
  </ui-select-choices>
</ui-select>
于 2015-03-30T19:04:20.613 に答える