angularjs - 将 PayPal Checkout Button 的样式更改为 Angular.js 组件？

Question

如何设置 PayPal Checkout 的 style 选项？用作 Angular.js element 时的按钮指令？

this.paypal = {
  // ...
  style: {
    color: 'black',
    shape: 'rect'
  }
}

似乎 style 选项不能作为 style 在绑定(bind)中传递，因为这已经是一个保留的 HTMLElement 属性？

<paypal-button
  client="$ctrl.paypal.client"
  commit="true"
  env="$ctrl.paypal.env"
  style="$ctrl.paypal.style"
  on-authorize="$ctrl.paypal.onAuthorize"
  on-cancel="$ctrl.paypal.onCancel"
  payment="$ctrl.paypal.payment">
</paypal-button>

Answer 1

知道了，您必须使用 ng-attr-style="$ctrl.paypal.style" 才能正常工作。

ng-attr-style 允许您评估表达式，而不是解释该输入元素的 style 属性的字符串文字。可以找到完整的解释 here在标题“用于绑定(bind)到任意属性的 ngAttr”下方。