Expression in ng-init not working with ng-repeat
<p>So I am trying to have many divs with background images and disable the background image when I hover over any particular div.</p>

<pre><code>&lt;div id="interest" class="col-md-4 col-sm-6" ng-repeat="interest in vm.interestList"
     ng-init="myStyle={'background-image': 'url(interest.src)'}"
     ng-style="myStyle" ng-mouseenter="myStyle={}"
     ng-mouseleave="myStyle={'background-image': 'url(interest.src)'}"&gt;
    &lt;button id="interestButton" class="btn btn-default btn-lg" &gt;{{interest.interestName}}&lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p>For some reason the myStyle in ng-init never gets the actual value in interest.src rather just gets 'interest.src'. I also tried {{interest.src}} but that does not work.</p>

<p>Any help is appreciated!!</p>