Something strange is happening with AngularJS. The first ng-repeat in the p tag works perfectly, but for some reason, the last div tag doesn't loop as expected:
<p ng-repeat="item in supplierTeamObjects">
<a href="#" ng-click="selectSupplierTeam(item.id)">[[item.name]]</a>
</p>
^--NG-REPEATS PERFECTLY
<br>
<div ng-init="materialDataStructure = [{'name':'Thorium','company':'Company Name not here','description':'No description','image':'materials/image_4.jpg','product_id':'1922004'}]">
<p ng-repeat="item in materialDataStructure">
<p>[[item.name]]</p>
</p>
</div> ^--NOT WORKING
I'm facing issues with the second ng-repeat and can't figure out why it's not functioning correctly. Even after hard coding the AJAX response into ng-init, the looping is unsuccessful.
Initially, I suspected a problem with the AJAX response format, but that doesn't seem to be the case. The mystery continues...
What could be causing this discrepancy between the two ng-repeats? Any suggestions or insights would be greatly appreciated!