Currently, my code looks like this:
<li ng-repeat="items in ferdigheter">{{ items.title}}
<div class="circles">
<div class="circle" ng-repeat="a in thisnumber(items.stars)"></div>
<div class="empty_circle" ng-repeat="a in thisnumber(items.maxstars - items.stars)"></div>
</div>
</li>
When I print the output (ctrl+p), the title shows up but the circles/empty circles do not. Any idea why?
How can I ensure that the circles will be visible in the print output?
Current view:
https://i.sstatic.net/k0jN2.png
Current print output:
https://i.sstatic.net/D886K.png
Desired print output:
https://i.sstatic.net/k0jN2.png
Update:
Scope:
$scope.ferdigheter = [
{tittel: 'Adobe Photoshop', stars: 2, maxstars: 5},
{tittel: 'CSS/html', stars: 5, maxstars: 5},
{tittel: 'PHP', stars: 4, maxstars: 5},
{tittel: 'Angular', stars: 3, maxstars: 5},
{tittel: 'Javascript', stars: 4, maxstars:5},
{tittel: 'MS Word', stars: 4, maxstars: 5},
{tittel: 'Dreamviewer', stars: 2, maxstars: 5},
{tittel: 'Phpstorm', stars: 4, maxstars: 5},
{tittel: 'Codeigniter', stars: 5, maxstars: 5},
{tittel: 'XXX', stars: 3, maxstars: 5},
{tittel: 'XXX', stars: 5, maxstars: 5}
];
Scope thisnumber generates an array