Cannot render directive within a ng-repeat

[sammydeveille]

I created an array of data:

$scope.array = [{ label: "10", percentage: "10" },
{ label: "20", percentage: "20" },
{ label: "30", percentage: "40" }];

and tried to render the directive for each item of the array:

        <div data-ng-repeat="data in array">
            <div ang:round:progress data-round-progress-model="data"
                 data-round-progress-width="150"
                 data-round-progress-height="150"
                 data-round-progress-outer-circle-foreground-color="#25AFFD"
                 data-round-progress-outer-circle-background-color="#F6F6F6"
                 data-round-progress-label-color="#25AFFD"
                 data-round-progress-inner-circle-color="#DDDDDD"
                 data-round-progress-outer-circle-width="24"
                 data-round-progress-inner-circle-width="12"
                 data-round-progress-outer-circle-radius="48"
                 data-round-progress-inner-circle-radius="42"
                 data-round-progress-label-font="16pt Open Sans">
            </div>
        </div>

But nothing gets rendered

[cdujeu]

hi @sammydeveille did you get any progress on that one? Encountering same issue here... Thx

[sammydeveille]

Hey Charles, I didn't dive into it properly yet. Seems like there's a strong coupling between the data variable and the html5 canvas inside the directive. Will try to look at it when I have some time

[joshskinner]

+1 on this one. Blank canvas when inside ng-repeat.