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

Question

在将它用作Angular.js元素指令时,如何设置PayPal Checkout Button 的style选项？

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

似乎该style选项不能在绑定中传递,style因为这已经是一个保留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该输入元素的属性的字符串文字.完整的解释可以发现这里的标题下"ngAttr结合任意属性".