我可以从Ionic JS Popup发送数据吗?

时间:2017-08-07 07:47:49

标签: javascript android jquery

我尝试构建android,在某些页面中我将从弹出窗口进行编辑。例如,如果我点击输入它将显示弹出窗口并在弹出窗口中找到输入文本。输入一些文本并单击确定后,输入文本中的数据将被发送到服务器。但我不知道该怎么做。

这是我的 HTML

<input class = "button" ng-click = "showPopup()">Add Popup Show />

这是我的 JS

$scope.showPrompt = function() {

      var promptPopup = $ionicPopup.prompt({
         title: 'Title',
         template: 'Template text',
         inputType: 'text',
         inputPlaceholder: 'Placeholder'
      });

      promptPopup.then(function(res) {
         console.log(res);
      });

   };

有人可以帮我解决问题吗?感谢

1 个答案:

答案 0 :(得分:0)

我曾经使用过ionicPopup节目(希望它可以帮到你):

$scope.updateQ = function() {
    var alertpop = $ionicPopup.show({
        title: 'Quantity',
        templateUrl: 'popup-template.html',
        scope: $scope,
        buttons: [{
            text: '<p class="popup-p">Ok</p>',
            type: 'button-positive',
            onTap: function(e) {

                //window.localStorage.setItem("tmpqty",$scope.product.quantity);
                return $scope.product.quantity;
            }
        }, {
            text: '<p class="popup-p">Cancel</p>',
            type: 'popup-close',
            onTap: function(e) {
                //alert($scope.product.quantity);
                //return 'cancel button'
                $state.go('app.productdetail', { product_id: $scope.product_id }, { reload: false })
            }
        }]
    });
    alertpop.then(function(res) {
        var tmp_qty = res;
        var pid = $scope.product_id;
        var url = "" + base_url + "?callback=JSON_CALLBACK&store=1&service=updatevproducts&productid=" + pid + "&qty=" + tmp_qty + "";
        $http.jsonp(url)
            .then(function(response) {
                var stat = response.data;
                if (stat.status == "success") {

                    var successPop = $ionicPopup.alert({
                        template: 'Inventory of Product Id : ' + pid + ' updated successfully !'
                    });
                    $state.go('app.stocks');

                } else {
                    $state.go('app.productdetail', { product_id: $scope.product_id }, { reload: false });
                }
            });
    });
};