使用 Angular 4、Ionic 和 Cloudinary 绑定变量值与字符串插值错误

Question

我正在使用 ionic 3, angular 4, Cloudinary 构建图像编辑应用程序。我正在尝试显示图像并应用叠加变换，但是当尝试将变量值绑定到叠加层时 public_ID 我收到错误消息："Can't bind to 'overlay' since it isn't a known property of 'cl-transformation'." 为了隔离问题，我为变量分配了一个固定值一个正确的 public ID，但它仍然不起作用。请查看下面显示工作示例和非工作示例的代码。

//Works perfectly fine

<cl-image public-id="sample.jpg" >
  <cl-transformation overlay="testOverlay" height= "400">
  </cl-transformation>
</cl-image>

export class ImagesPage {

overlayID: string = "testOverlay";

//Throws error

<cl-image public-id="sample.jpg" >
  <cl-transformation overlay="{{overlayID}}" height= "400">
  </cl-transformation>
</cl-image>

Answer 1

您可以使用属性值：

[attr.overlay]="overlayID"

使用 Angular 4、Ionic 和 Cloudinary 绑定变量值与字符串插值错误

Binding Variable Value with String Interpolation Error with Angular 4, Ionic and Cloudinary

cloudinary

ionic-framework

ionic3

angular

angular5