estoy tratando de conectar mi back con el front pero con este componente estoy teniendo problemas me tira estos errores: Parser Error: Got interpolation ({{}}) where expression was expected at column 0 in [{{skills.porcentaje}}] in /src/app/componentes/skills/skills.component.html@6:19 Type '{ "": any; }' is not assignable to type 'number'.
Este es el código html... es un array que trae una lista del componente.ts las importaciones están todas bien porque antes de conectar con el back funcionaba perfecto el problema es que lo quiero hacer dinámico y no me trae los datos de la base de datos.
<div class="text-center col-sm-5 col-md-4 col-lg-4">
<circle-progress
[percent]="{{skills.porcentaje}}"
[radius]="{{skills.radio}}"
[outerStrokeWidth]="{{skills.anchoTrazo}}"
[outerStrokeColor]="'{{skills.colorTrazo}}'"
[imageSrc]="'{{skills.imgSkill}}'"
[imageHeight]="{{skills.imgAlto}}"
[imageWidth]="{{skills.imgAncho}}"
[showImage]="{{skills.showImg}}"
[showBackground]="{{skills.showFondo}}"
[animation]="{{skills.animacion}}"
[animationDuration]="{{skills.animacionTime}}"
></circle-progress>
</div>
</div>```