Связывание значения переменной с ошибкой интерполяции строки с помощью Angular 4, Ionic и Cloudinary

Я использую ionic 3, angular 4, Cloudinary для создания приложения для редактирования изображений. Я пытаюсь отобразить изображение и применить преобразование оверлея, однако при попытке привязать значение переменной к оверлею public_ID я получаю сообщение об ошибке: «Невозможно выполнить привязку к 'оверлею', поскольку оно не является известным свойством 'cl -трансформация». Чтобы изолировать проблему, я присвоил переменной фиксированное значение правильного общедоступного идентификатора, но это все равно не работает. Пожалуйста, взгляните на код ниже, который показывает рабочий и нерабочий примеры.

//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>