将带区检出表单与angularjs集成

Question

我需要在我的angularjs网站中集成条纹签出表单，我已经尝试了从github存储库到不同插件的所有操作，但没有任何效果。我喜欢条纹签出表单的外观，所以我不想创建自己的表单。我对angularjs非常陌生。

我尝试过按角度付款，strip-checkout-form和其他几个git存储库

<md-content layout="row" layout-align="center">
  <md-card flex layout-align="center center">
    <div style="width: 100%; padding: 1em">
      <div style="text-align: center">
        <md-button ui-sref="account" class="md-primary md-fab md-fab-top-left">
          <md-tooltip md-direction="top">My Account</md-tooltip>
          <md-icon style="color:white;font:bold;" md-menu-origin class="material-icons">account_box</md-icon>
          <div class="md-ripple-container"></div>
        </md-button>
        <h2>List of devices</h2>
        <md-list>
          <md-list-item class="secondary-button-padding">
            <span ng-repeat="title in headers" ng-style="{width:100/4+'%'}">{{title}}</span>
          </md-list-item>
          <div ng-repeat="device in devices | orderBy: 'ChargeDate'">
            <md-divider></md-divider>
            <div layout="row" layout-align="center center">
              <div ng-style="{width:100/4+'%'}">{{ device.Name}}</div>
              <div ng-style="{width:100/4+'%'}">{{ device.ChargeDate }}</div>
              <div ng-style="{width:100/4+'%'}">
                <md-select name="plans" ng-model="selectedPlan" ng-model-options="{trackBy: selectedPlan}" aria-label="Select Plan" 
                          ng-change="selectedPlanChanged(device, selectedPlan)" md-selected-text="resetSelectedPlan(device, selectedPlan)" ng-disabled="planDisabled">
                            <md-option value="{{plan.rowID}}" ng-repeat="plan in plans">{{ plan.name }}</md-option>
                        </md-select>
              </div>
              <div ng-style="{width:100/4+'%'}">
                <md-switch class="md-primary" layout-align="center center" md-no-ink aria-label="Switch No Ink" ng-model="device.Active" ng-change="switch(device)"
                           ng-true-value="'1'" ng-false-value="'0'">
                </md-switch>
              </div>
            </div>
          </div>
        </md-list>
      </div>
    </div>
  </md-card>
</md-content>
<div>
{{ message1 }}
</div>
<div>
{{ message2 }}
</div>
<md-button flex-xs="50" flex="100" ng-click="showConfirmationWindow($event)" ng-disabled="!hasUnsavedPlanChange" class="md-raised md-accent" layout="row" layout-align="start center">
  <div>
    Update payment plan
  </div>
</md-button>
<md-button ng-if="$isDev" flex-xs="50" flex="100" ng-click="showAdd($event)" class="md-raised md-accent" layout="row" layout-align="start center">
  <div>
    <md-icon>add_box</md-icon>
    Add device. DEVELOPER FUNCTION.
  </div>
</md-button>

我希望在我单击按钮时弹出付款并与条带通信