javascript - 具有 JSON 值的 ionic 搜索弹出窗口

Question

使用 Popup 进行 ionic 搜索。它正在研究

 $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)值美国、法国、日本。我不想在数组中增加值(value)。

我正在使用的代码可以在下一个链接的 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>