jquery - html5Gallery with angularjs -


i want display gallery of videos in modal angular.js used https://html5box.com/ solution. have problem use scope variables class="html5gallery".

<div class="html5gallery" data-skin="horizontal" data-width="700" data-height="500" > <a href="images/tulip_large.jpg"><img src="images/tulip_small.jpg" alt="tulips"></a> <a  href="{{testscope}}"><img src="images/colourful_tulip_small.jpg" alt="{{testscope}}"></a> <a href="images/swan_large.jpg"><img src="images/swan_small.jpg" alt="swan on lake"></a> <a href="images/big_buck_bunny.mp4"><img src="images/red_tulip_small.jpg" alt="red tulips"></a> <a href="images/sakura_tree_large.mp4"><img src="images/sakura_tree_small.jpg" alt="sakura trees"></a> 

it's seems me inside class=""html5gallery" couldn't use angularjs variables not grasp {{variable scope}} ps : html5gallery used display gallery of videos .. if know other solutions create gallery videos html5 gallery not hesitate tell me

if html within controller (or directive) , have testscope properlly set in scope, need change use ng-href , ng-attr-alt instead of href , alt can processed angular:

<div class="html5gallery" data-skin="horizontal" data-width="700" data-height="500" >   <a href="images/tulip_large.jpg"><img src="images/tulip_small.jpg" alt="tulips"></a>   <a ng-href="{{testscope}}"><img src="images/colourful_tulip_small.jpg" ng-attr-alt="{{testscope}}"></a>   <a href="images/swan_large.jpg"><img src="images/swan_small.jpg" alt="swan on lake"></a>   <a href="images/big_buck_bunny.mp4"><img src="images/red_tulip_small.jpg" alt="red tulips"></a>   <a href="images/sakura_tree_large.mp4"><img src="images/sakura_tree_small.jpg" alt="sakura trees"></a> </div> 

Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -