绑定变量值与字符串插值错误与角度4,离子和Cloudinary

时间:2017-11-22 22:37:35

标签: angular ionic-framework ionic3 cloudinary angular5

我使用离子3,角度4,Cloudinary来构建图像编辑应用程序。我正在尝试显示图像并应用叠加转换,但是当尝试将变量值绑定到叠加层public_ID时,我收到错误:"无法绑定到' overlay'因为它不是“cl-transformation”的已知属性。"为了隔离问题,我为变量分配了一个正确的公共ID的固定值,但它仍然不起作用。请查看下面的代码,其中显示了一个工作示例和非工作示例。



//Works perfectly fine

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

&#13;
&#13;
export class ImagesPage {

overlayID: string = "testOverlay";
&#13;
//Throws error

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

1 个答案:

答案 0 :(得分:0)

嗨请使用属性值:

[attr.overlay]="overlayID"