如何在 AngularJs 中从 HTML 转换 JavaScript 代码

Posted

技术标签:

【中文标题】如何在 AngularJs 中从 HTML 转换 JavaScript 代码【英文标题】:How to convert JavaScript code from HTML in AngularJs 【发布时间】:2021-11-22 20:07:35 【问题描述】:

我正在查看 PayPal 的文档来实现他们的服务,并且我看到了这个带有 javascripthtml 代码我如何在 angularjs 中做到这一点?将 javascript 与 HTML 代码分离

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Ensures optimal rendering on mobile devices -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!-- Optimal Internet Explorer compatibility -->
  </head>
  <body>
    <script src="https://www.paypal.com/sdk/js?client-id=test&currency=USD"></script>
    <div id="paypal-button-container"></div>
    <script>
      paypal.Buttons(
        createOrder: function(data, actions) 
          return actions.order.create(
            purchase_units: [
              amount: 
                value: '77.44'
              
            ]
          );
        ,
        onApprove: function(data, actions) 
          return actions.order.capture().then(function(orderData) 
                console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));
                var transaction = orderData.purchase_units[0].payments.captures[0];
                alert('Transaction '+ transaction.status + ': ' + transaction.id);
          );
        
      ).render('#paypal-button-container');
    </script>
  </body>
</html>

【问题讨论】:

【参考方案1】:

Angular and Angular 2 有一个示例指南。

【讨论】:

以上是关于如何在 AngularJs 中从 HTML 转换 JavaScript 代码的主要内容,如果未能解决你的问题,请参考以下文章

如何在 AngularJS 中从 $http.get 返回图像

在 AngularJs 中从数据库中获取和显示数据

如何将由代码创建的 html 表转换为 json 对象? AngularJS

在 .run 在路由中从 Angularjs 中的 url 中删除 #

在我的 laravel 4 和 angularjs 应用程序中从一条路线重定向到另一条路线

AngularJS中转换响应内容