具有 JSON 值的 Ionic 搜索弹出窗口

Question

正在使用 Popup 进行离子搜索。它正在

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

当我单击 Select 按钮时，然后绑定值美国、法国、日本。我不想在数组中增加价值。

我使用的代码可以在下一个 codepen.io 上找到 link:

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>

具有 JSON 值的 Ionic 搜索弹出窗口

Ionic search popup with JSON value

javascript

json

angularjs

hybrid-mobile-app

ionic-framework