Paypalボタンがhttpsで動作しない

Question

私のpaypalボタン（実際にエクスプレスチェックアウト）はhttpsで動作しません。私はhttpsで私の生きているアプリケーションにアクセスするとこれを認識しました。

httpsがこのスクリプトをブロックしているかどうかわかりません。

<script src="https://www.paypalobjects.com/api/checkout.js" data-version-4></script> 

このボタンがローカルホスト（開発環境）にロードされているのは問題ありません。しかし、httpsで生産して、私は、角使ってい

ppxo_xc_ppbutton_error Object 

Error: Document is ready and element #paypal-button does not exist 

このエラーを得た、このコードブロックは私のコントローラ内である私は、それがなく、HTTPSでローカルホストでの細かい作業だ繰り返し

paypal.Button.render({ 

     env: 'production', // Optional: specify 'sandbox' environment 

     payment: function() { 

      var env = this.props.env; 
      var client = this.props.client; 

      return paypal.rest.payment.create(env, client, { 
       transactions: [{ 
        amount: { total: 5 , currency: 'USD' }, 
        item_list: { 
        items: [{ 
         "name": "profile", 
         "price": "5", 
         "currency": "USD" 
        }] 
       } 
       }], 
       redirect_urls: { 
       "return_url": $location.absUrl(), 
       "cancel_url": $location.absUrl() 
       } 
      }); 
     }, 

     commit: true, // Optional: show a 'Pay Now' button in the checkout flow 

     onAuthorize: function(data, actions) { 

      return actions.payment.execute().then(function() { 

       actions.payment.get().then(function(data){ 

       if(data.state === 'approved'){ 
        $http.post('/paid',{qty:$scope.number_of_uses,user_email:user_email}) 
        .then(function(response){ 

         $scope.done = true; 

        }); 
       } 

       }); 

      }); 
     } 

    }, '#paypal-button'); 

（製造）。

Answer 1

ボタンは、実際にあなたのための角度成分を設定しています

https://github.com/paypal/paypal-checkout/blob/master/docs/frameworks.md#angularjs-element

は、これを使用することをお勧めします。私はあなたが角度コントローラーで直接レンダリングしようとすると、コンテナエレメントをまだレンダリングしていない可能性があり、エラーが発生している可能性があります。