i started new site on foundation apps has ui-view element:
<section id='gallery' ui-view> </section> this element default loads home.html contains list of posts' previews generated through ng-repeat:
--- name: home url: / --- <div class="grid-block medium-up-4"> <div class="grid-block vertical gallery-items" ng-repeat='galleryitem in galleryitems | filter: tag' ng-class="{ 'hidden': ! showdetails }"> <div class="grid-block" ng-mouseover='hoverinfo = true' ng-mouseleave='hoverinfo = false'> <a ui-sref="galelem" class='gallery-element grid-block vertical'> <span class='preview'>{{galleryitem.tags | dividetags}}</span> <p>however beautiful strategy, should @ results.</p> <div ng-show='hoverinfo' class='hover-info grid-block vertical'> <span class='on-hover'>{{galleryitem.tags | dividetags}}</span> <span class='view'>view gallery</span> </div> </a> </div> <hr> <div class="grid-block"> <div class="grid-block meta"><span>{{galleryitem.date}} / <span class='comments'> {{galleryitem.comments}} comments</span></span></div> <div class="grid-block social-small "> <a href=""><i class='fa fa-envelope'></i></a> <a href=""><i class='fa fa-facebook'></i></a> <a href=""><i class='fa fa-twitter'></i></a> </div> </div> </div> </div> when click on anchor tag ui-sref='galelem', ui-view loads html file detailed information post:
--- name: galelem url: /galelem --- <div class="post-element grid-block vertical"> <img src="http://placehold.it/1200x600" alt="" class='main-image'> <div class="grid-block vertical text-info"> <span class='preview'>{{galleryitem.tags}}</span> <p>however beautiful strategy, should @ results.</p> <div class="grid-block meta"><span>{{galleryitem.date}} / <span class='comments'> {{galleryitem.comments}} comments</span></span></div> <div class="grid-block social-small "> <a href=""><i class='fa fa-envelope'></i></a> <a href=""><i class='fa fa-facebook'></i></a> <a href=""><i class='fa fa-twitter'></i></a> </div> <hr> <a href="">previous post</a> <a href="">next post</a> <span>embeded code</span> <pre class='embeded-code'> <h3>vagner hernandez</h3><p class="imgc"><a href="http://elpassion.com/post/97850349571"><img src="http://38.media.tumblr.com/6fd0334606ad04b061abda2d462d3f2c/tumblr_nc2n0tasmp1r46py4o1_1280.jpg" /></a></p> </pre> <div class="feedback"> <p><img src="http://placehold.it/25x25" alt=""><span>bj_unoxx </span>reblogged from<span>constellation</span></p> <p><img src="http://placehold.it/25x25" alt=""><span>mike_dosxx</span>reblogged from<span>constellation</span></p> <p><img src="http://placehold.it/25x25" alt=""><span>tre_leparc</span>submitted to<span>constellation</span></p> </div> </div> </div> when click 'a' element site load page detailed information, without information angular such {{galleryitem.tags}}. want html file detailed information data clicked post , display same information contains in preview. how can this? far js file contains 1 object ng-repeat gets data. tried answer failed find new angularjs.
Comments
Post a Comment