I am working on a illustration & design portfolio site
http://maxmythic.com/ and having trouble generating the gallery project grid. The gallery grid is created with
ng-repeat in the
design.html view that is loaded on the home page.
Here is the design.html view
ng-repeat iterates over the $scope.designTiles list but in IE 8, only the last object in the list is being rendered. So I only see one <a> rendered in the window.
I should mention that a split second before it shows up I will see some of the other <a> tags show up ultra fast.
They eventually get covered or replaced (I guess) by the next one in the list until it ends up with the last one.
There are 18 objects in $scope.designTiles. The whole list can be found here:
When I right click to view source of the home page in IE 8 all I see is
<!-- Add your site or application content here -->
<div class="container" ng-view=""></div>
Why is design.html view not being generated there?
The weird thing is that when I go into the IE 8 dev tools, click HTML tab and click the Edit button, it will show me everything inside the <body> tag which includes all 18 <a> links which make up the project gallery. So obviously AngularJS is working almost fine. I can see the neccessary code but I just have no idea why its not being rendered. The css is working thanks to the html5shiv.js and respond.js links.
Any ideas on what's going on here and how to solve it?