ionicPopup弹出列表选择对话框

Posted 2020-06-20 Jack Fan

//显示
vm.selectWarehouse = function() {
    vm.popupForWarehouse = $ionicPopup.show({
        template: ‘<div class="list">                ‘+
        ‘  <ion-item ng-repeat="item in warehouselist" ng-click="vm.selectWarehouse1(item)" class="item item-icon-right"> ‘+
        ‘    <h2>{{item.name}}<h2>                   ‘+
        ‘    <i class="icon ion-ios-arrow-right" style="font-size: 15px"></i>‘+
        ‘  </ion-item>                                      ‘+
        ‘</div>                                      ‘,
        title: ‘<b>Warehouse</b>‘,
        scope: $scope
    });
};

//关闭 
vm.popupForWarehouse.close();

<div class="list">
                <div class="item item-input-inset" style="background-color:#F5F5F5">
                    <label class="item item-input" style="width: 100%; background-color:#F5F5F5;">
                        <input type="text" ng-model="warehouseName" ng-click="vm.selectWarehouse()" readonly style="background-color:#F5F5F5; color:#8A8A8A;">
                        <i class="icon ion-ios-arrow-down icon-right placeholder-icon" style="margin-right: 10px"></i>
                    </label>
                </div>
 </div>