如何在angular2应用程序中使用Braintree的嵌入式UI?

我一直在尝试寻找一种解决方案,以在我的angular2应用程序中包括UI中的braintrees drop,但是我找不到合适的解决方案。我查看了这个angular2 / braintree解决方案,但它在顶部表示不再维护该视图,并将访问者引向braintree网站。我初始化信用卡表格没有问题,但是当我将payment_nonce发送到服务器时,该值为空。

有没有人有任何建议或参考一个示例,以介绍如何在angular2应用程序中包含ui中的脑树下降?谢谢!

如评论中所述,这是一个丑陋的解决方案。但是我能够使用onPaymentMethodReceived获取令牌,然后将该值添加到隐藏的输入中并将表单发送到服务器。我的表单有特殊要求,因此我必须使用ngNoForm属性。

...
      <input id="nonce" type="text" hidden [(ngModel)]="nonce" name="nonce">

...

</form>  

ngOnInit() {

    var url = window.location.href;
    var id = this.getEmployeeUserId(url);
    this.employeeId = id;

    this.ghttp.getEmployeeByuserId(id)
      .then((data)=>{
        this.day30Price = data._addAmount;
        this.day60Price = data._add2month;
        this.day90Price = data._add3month;
      });

    this.splashhttp.getToken()
      .then((res)=>{
        var id = res._body;

        braintree.setup(id, 'dropin', {
          container: 'dropin-container',
          onPaymentMethodReceived: function (obj) {

            document.getElementById("nonce").value = obj.nonce;

            var myForm = document.getElementById("myForm");

            myForm.submit();
          }
        });
      });

  }

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Angular2应用程序中使用MediaRecorder对象?

如何创建/查找应用程序jar以使用嵌入式tomcat部署Spring Boot Maven应用程序?

如何在springboot应用程序中使用嵌入式mongoDB进行junit测试?

如何在Maven中使用Typescript配置Angular2应用程序?

如何在PHP应用程序中使用Angular 2?

如何在iOS的嵌入式专用框架和应用程序中使用静态库

如何使用嵌入式tomcat会话集群设置Spring Boot应用程序?

如何在Angular 1应用程序中嵌入独立的Angular 2应用程序

如何使用Spring Boot应用程序在嵌入式Jetty中配置异步超时

如何在webpack中使用angular-cli在angular2应用程序中导入xml2js

如何在Angular2应用程序中使用Bootstrap下拉菜单?

如何在angular2 / ionic 2打字稿应用程序中使用Numeral.js库?

如何在Spring Boot应用程序中排除嵌入式Tomcat

如何在R Shiny应用程序中显示嵌入式推文?

如何从嵌入式应用程序实际使用设备树Blob?

如何测试嵌入式红宝石应用程序?

g ++:在嵌入式应用程序中使用单例

如何在嵌入式框架中使用Cocoapods?

如何使用HTML中的嵌入式Java应用程序进行本地文件系统访问

如何在C#Windows Forms应用程序中运行嵌入式.exe文件?

在angular2应用程序中使用Vaadin网格

如何告诉Angular2忽略嵌入式Angular1应用程序?

如何在angular2应用程序中使用html代码

如何从本机iOS应用程序控制嵌入式Unity应用程序

如何在 angular2 应用程序中使用第二个路由器插座?

如何在 angular2 应用程序中使用 Firebase 电话号码身份验证?

如何从嵌入式应用程序接收 returnurl 事件?

如何在 Spring 应用程序中使用嵌入式数据库 MariaDB 为 db 和表指定 utf8 编码?

如何在 Vite 中使用嵌入式 Webassembly?