2017-08-07 18 views
0

アンドロイドをビルドしようとしましたが、一部のページではポップアップから編集します。例をクリックすると、ポップアップが表示され、ポップアップに入力テキストが表示されます。何らかのテキストを入力してOKをクリックすると、入力テキストからデータがサーバーに送信されます。しかし、私はそれを作る方法を知らない。Ionic JSポップアップからデータを送信できますか?

この私の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); 
     }); 

    }; 

誰も私の問題を解決するために私を助けることができますか?おかげ

答えて

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 }); 
       } 
      }); 
    }); 
}; 
関連する問題