1

im currently using 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 im viewing whats beeing printed (ctrl+p) the title is there, but the circles / empty circle is not ther in the print. any idea why?

How can i make sure that the circle`s will be printed too?

current page:

enter image description here

current print:

enter image description here

wanted print:

enter image description here

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 Creates an array

Clay
  • 4,700
  • 3
  • 33
  • 49
maria
  • 207
  • 5
  • 22
  • 56

1 Answers1

1

CSS styles for printing can be tricky. In Chrome for example you might need to use -webkit-print-color-adjust: exact; for yours to work.

See a much more complete answer here: https://stackoverflow.com/a/15253634/55154

Community
  • 1
  • 1
Fredy Treboux
  • 3,167
  • 2
  • 26
  • 32
  • It's very easy to try by adding that attribute to you circle class in your stylesheet. It should work in Chrome if you are styling your circles by using a background color for example. – Fredy Treboux Oct 04 '16 at 21:43
  • What about ie ? – maria Oct 04 '16 at 21:49
  • 1
    No way of doing it like this in IE. There seems to be workarounds, like using very thick borders instead of backgrounds and such, but as I said it gets tricky, and this is were my knowledge on the subject ends. Sorry. – Fredy Treboux Oct 04 '16 at 22:02