This is a migrated thread and some comments may be shown as answers.

How to set custom label using angular directive

1 Answer 113 Views
ProgressBar
This is a migrated thread and some comments may be shown as answers.
Jiatang
Top achievements
Rank 1
Jiatang asked on 26 Sep 2015, 12:46 AM

I've a kendo progress bar defined with angularjs directive. I'm able to set the min, max and value. But I cannot find the way to set the progress status text.

The example provided is using a jQuery way:

              passProgress.progressStatus.text("Empty");}); 

 

I cannot figure out how to do it. My code looks like this.

 

              <div kendo-progress-bar="progressBar" 
                     k-min="voterStatus.progressOption.min" 
                     k-max="voterStatus.progressOption.max" 
                     k-value="voterStatus.progressOption.progress" >
                </div>

1 Answer, 1 is accepted

Sort by
0
Dimiter Madjarov
Telerik team
answered on 28 Sep 2015, 02:28 PM

Hello Jiatang,

You could use the same approach in Angular and set the label in the change event of the ProgressBar. Here is the updated version of the demo.

Regards,
Dimiter Madjarov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
ProgressBar
Asked by
Jiatang
Top achievements
Rank 1
Answers by
Dimiter Madjarov
Telerik team
Share this question
or