search

crisbeto / angular-svg-round-progressbar

Angular module that uses SVG to create a circular progressbar
https://crisbeto.github.io/angular-svg-round-progressbar/
MIT License
742 stars 173 forks source link

How to use together with angular-timer? #97

Open xfg opened 7 years ago

xfg commented 7 years ago

I use angular-timer for work with time within my project, but I can't make a friends angular-svg-round-progressbar and angular-timer.

When I write

  <timer countdown="30" interval="1000">
      <div>{{progressBar}}</div>
      <round-progress
        max="100"
        current="progressBar">
      </round-progress>
  </timer>

I get error

Error: [ngTransclude:orphan] Illegal use of ngTransclude directive in the template! No parent directive that requires a transclusion found. Element: <g ng-transclude="">

What are the variants ?

crisbeto commented 7 years ago

I'm not sure what could be causing it. The g element definitely comes from the round progressbar, but I'm not sure why it isn't considering the transclude: true.

jbanulso commented 7 years ago

I'm having exactly the same issue, has this been tackled in new versions of the plug-in? I'm using version 0.4.8