I'm attempting to modify the background color of a div using ng-repeat. The color I want is retrieved from the object in the loop. However, every time I try to do this, it sets my style property to blank.
Here's the code I have been using:
<div ng-repeat="channel in channelObjects">
<div class="mediumTile" style="background-color:#{{channel.Color}}">
Channel Color: {{channel.color}}
</div>
</div>
This shows my mediumTile object with the correct channel color being displayed. But the style ends up empty once the page loads.
This is what appears on the page:
<div class="mediumTile" style="">
Channel Color: 123456
</div>
Any idea where I might be going wrong?