Javascript 带有JSON值的离子搜索弹出窗口

正在使用弹出窗口进行离子搜索。它正在工作

 $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}];

当我点击选择按钮，然后绑定值美国，法国，日本。 我不想在数组中推送值

我使用的代码可以在下一个链接的codepen.io上找到：

更改您的选项

options=“selectables”

到

options=“countries”

并将其打印为

option。text

显示国家名称，这是检查它的工作步骤

{{someModel.text}
{{option.text}
someModel:{{someModel.text}

谢谢你，伙计。您完成了我的最大工作，我希望显示所选文本以替换“选择它”（Wit search Option）按钮。请立即检查相同的plunkerNO No。我说的是在显示“选择它”（带搜索）的按钮上显示它。现在检查类似的选项，但在默认时间内，这意味着在页面显示上，它应该显示“选择任何”，然后在选择后，它应该显示值（您已经完成）。

<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>