Ионный поиск всплывающих окон со значением JSON

Question

Работа с ионным поиском с всплывающим окном. Она работает на

$scope.selectables = [ 
    1, 2, 3 ]; 

Но я хочу работать на JSON

$scope.countries = [ 
    {id: 1, text: 'USA', checked: false, icon: null}, 
    {id: 2, text: 'France', checked: false, icon: null}, 
    {id : 3, text: 'Japan', checked: true, icon: null}]; 

При нажатии на кнопку Выбрать это тогда Bind значение США, Франция, Япония. Я не хочу нажимать значение в массиве.

код я использую можно найти на codepen.io на следующей ссылке:

http://codepen.io/anujsphinx/pen/Lbryzz

Answer 1

изменить параметры options="selectables" в options="countries" и распечатать его как option.text отображать название страны и здесь рабочий plunker проверить его

<div class="item item-body"> 
      <button class="button button-positive" modal-select="" ng-model="someModel" options="countries" modal-title="Select " has-search="true"> 
      {{someModel.text}} 
      <div class="option"> 
       {{option.text}} 
      </div> 
      </button> 
       <div class="item"> 
      someModel: {{someModel.text}} 
     </div> 
     </div>