angular directive stripe form checkout

Angular JS experts show how to integrate stripe with angular

 

app.directive('stripeform', function() {
  return {
    scope: {
      amount: '@',
      key: '@',
      label: '@',
      panelLabel: '@',
      itemName: '@',
      itemDescription: '@'
    },
    restrict: 'AE',
    transclude: true,
    replace: false,
    template: '<script ' +
      'src="https://checkout.stripe.com/checkout.js" ' +
      'class="stripe-button" ' +
      'data-key="{{key}}" ' +
      'data-image="https://stripe.com/img/documentation/checkout/marketplace.png" ' +
      'data-name="{{itemName}}" ' +
      'data-description="{{itemDescription}}" ' +
      'data-panel-label="{{panelLabel}}" ' +
      'data-label="{{label}}" ' +
      'data-amount="{{amount}}" ' +
      'data-allow-remember-me="false">'
  };
});