Con ng-style se llama a una función del $scope que se encargará de setearle un background al div que será el thumbnail del DIV al cual se está aplicando.
Código HTML
1 2 3 | <span class="tag"><div</span><span class="pln"> </span><span class="atn">ng-style</span><span class="pun">=</span><span class="atv">"setThumbnailVideo(objeto)"</span><span class="tag">></span><span class="pln">...</span><span class="tag"></div></span> |
Código JavaScript
1 2 3 4 5 6 7 8 9 | <span class="pln">$scope</span><span class="pun">.</span><span class="pln">setThumbnailVideo </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">function</span><span class="pun">(</span><span class="pln">objeto</span><span class="pun">){</span><span class="pln"> </span><span class="kwd">for</span><span class="pun">(</span><span class="pln">i</span><span class="pun">=</span><span class="lit">0</span><span class="pun">;</span><span class="pln"> i</span><span class="pun"><</span><span class="pln">WCM_Thumbnails</span><span class="pun">.</span><span class="pln">length</span><span class="pun">;</span><span class="pln"> i</span><span class="pun">++)</span><span class="pln"> </span><span class="pun">{</span><span class="pln"> </span><span class="kwd">if</span><span class="pln"> </span><span class="pun">(</span><span class="pln">WCM_Thumbnails</span><span class="pun">[</span><span class="pln">i</span><span class="pun">].</span><span class="pln">id </span><span class="pun">===</span><span class="pln"> objeto</span><span class="pun">.</span><span class="pln">idPaqueteTV</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln"> wps_url </span><span class="pun">=</span><span class="pln"> WCM_Thumbnails</span><span class="pun">[</span><span class="pln">i</span><span class="pun">].</span><span class="pln">urlThumbnail</span><span class="pun">;</span><span class="pln"> i</span><span class="pun">=</span><span class="lit">999</span><span class="pun">;</span><span class="pln"> </span><span class="pun">}</span><span class="pln"> </span><span class="pun">}</span><span class="pln"> </span><span class="kwd">return</span><span class="pln"> </span><span class="pun">{</span><span class="pln"> background</span><span class="pun">:</span><span class="pln"> </span><span class="str">"url("</span><span class="pun">+</span><span class="pln">wps_url</span><span class="pun">+</span><span class="str">")"</span><span class="pln"> </span><span class="pun">}</span><span class="pln"></span><span class="pun">};</span> |
Julio Pari (IT Architect IBM)
Si te ha interesado este artículo y deseas un apoyo o asesoría en algún requerimiento, envíame un mensaje a: (info@juliopari.com) o sino a través de Linkedin: https://www.linkedin.com/in/juliopari/