How can I ensure that IE will display the circles when printing?
I am currently using this code:
<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 what is being displayed (ctrl+p), the title appears, but the circles and empty circles do not show up in the print. Any thoughts on why this might be happening?
How can I make sure that the circles will also be printed?
Current webpage:
https://i.sstatic.net/k0jN2.png
Current printout:
https://i.sstatic.net/D886K.png
Desired printout:
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