Unable to use binding on text property

[godrose]

Which platform(s) does your issue occur on?

• iOS
• iOS 11.3
• iPhone X

Please, provide the following version numbers that your issue occurs with:

• CLI: 4.0.0

Please, tell us how to recreate the issue in as much detail as possible.

• Use bindable [text] property instead of static [text] property on the AnimatedCircle instance
• Expected: It works and correct value is displayed from the binding
• Actual: App crashes

[r04drunn3r]

One quick workaround I was able to use to get this working:

<AnimatedCircle
                                backgroundColor="transparent"
                                width="60%"
                                height="auto"
                                animated="true"
                                animateFrom="0"
                                rimColor="#2ACFFF"
                                barColor="#2FACFE"
                                fillColor="#FFFFFF"
                                clockwise="true"
                                rimWidth="150"
                                [progress]="percentage"
                                [text]="progtext"
                                textSize="250"
                                textColor="black" ></AnimatedCircle>  

import { Component, OnInit,NgZone } from "@angular/core";

public constructor( private _ngZone:NgZone) { }


 this._ngZone.run(() => {
                //Do whatever you want here
                this.prog.percentage = Math.floor((temp.currentBytes/temp.totalBytes)*100);
                this.prog.progtext = Math.floor((temp.currentBytes/temp.totalBytes)*100).toString() + "%";
                this.size = 5;
              })

This will make sure the UI is refreshed.